Attachment 343872 Details for Bug 187162 – Patch

[patch] Patch

bug-187162-20180628165921.patch (text/plain), 104.59 KB, created by zalan on 2018-06-28 16:59:22 PDT

(hide)

Description:

Filename:

MIME Type:

Creator: zalan

Created: 2018-06-28 16:59:22 PDT

Size: 104.59 KB

patch

obsolete

>Subversion Revision: 233335
>diff --git a/LayoutTests/ChangeLog b/LayoutTests/ChangeLog
>index d885f6cc42d69c23f8df5839db24fcbd46d730cb..933e896534ea88003c79d8a9741d72adb5ea7401 100644
>--- a/LayoutTests/ChangeLog
>+++ b/LayoutTests/ChangeLog
>@@ -1,3 +1,123 @@
>+2018-06-28  Zalan Bujtas  <zalan@apple.com>
>+
>+        [LFC] Add block formatting only test cases
>+        https://bugs.webkit.org/show_bug.cgi?id=187162
>+
>+        Reviewed by NOBODY (OOPS!).
>+
>+        These tests are expected to generate the same tree output on every platform (no text, strictly block only). 
>+
>+        * fast/block/block-only/absolute-auto-with-sibling-margin-bottom-expected.txt: Added.
>+        * fast/block/block-only/absolute-auto-with-sibling-margin-bottom.html: Added.
>+        * fast/block/block-only/absolute-height-stretch-expected.txt: Added.
>+        * fast/block/block-only/absolute-height-stretch.html: Added.
>+        * fast/block/block-only/absolute-left-auto-expected.txt: Added.
>+        * fast/block/block-only/absolute-left-auto.html: Added.
>+        * fast/block/block-only/absolute-left-right-top-bottom-auto-expected.txt: Added.
>+        * fast/block/block-only/absolute-left-right-top-bottom-auto.html: Added.
>+        * fast/block/block-only/absolute-nested-expected.txt: Added.
>+        * fast/block/block-only/absolute-nested.html: Added.
>+        * fast/block/block-only/absolute-nested2-expected.txt: Added.
>+        * fast/block/block-only/absolute-nested2.html: Added.
>+        * fast/block/block-only/absolute-position-when-containing-block-is-not-in-the-formatting-context-expected.txt: Added.
>+        * fast/block/block-only/absolute-position-when-containing-block-is-not-in-the-formatting-context.html: Added.
>+        * fast/block/block-only/absolute-position-when-containing-block-is-not-in-the-formatting-context2-expected.txt: Added.
>+        * fast/block/block-only/absolute-position-when-containing-block-is-not-in-the-formatting-context2.html: Added.
>+        * fast/block/block-only/absolute-simple-expected.txt: Added.
>+        * fast/block/block-only/absolute-simple.html: Added.
>+        * fast/block/block-only/absolute-width-shrink-to-fit-expected.txt: Added.
>+        * fast/block/block-only/absolute-width-shrink-to-fit.html: Added.
>+        * fast/block/block-only/absolute-width-stretch-expected.txt: Added.
>+        * fast/block/block-only/absolute-width-stretch.html: Added.
>+        * fast/block/block-only/absolute-with-static-block-position-nested-expected.txt: Added.
>+        * fast/block/block-only/absolute-with-static-block-position-nested.html: Added.
>+        * fast/block/block-only/almost-intruding-left-float-simple-expected.txt: Added.
>+        * fast/block/block-only/almost-intruding-left-float-simple.html: Added.
>+        * fast/block/block-only/border-simple-expected.txt: Added.
>+        * fast/block/block-only/border-simple.html: Added.
>+        * fast/block/block-only/fixed-nested-expected.txt: Added.
>+        * fast/block/block-only/fixed-nested.html: Added.
>+        * fast/block/block-only/float-left-when-container-has-padding-margin-expected.txt: Added.
>+        * fast/block/block-only/float-left-when-container-has-padding-margin.html: Added.
>+        * fast/block/block-only/floating-box-clear-both-simple-expected.txt: Added.
>+        * fast/block/block-only/floating-box-clear-both-simple.html: Added.
>+        * fast/block/block-only/floating-box-clear-right-simple-expected.txt: Added.
>+        * fast/block/block-only/floating-box-clear-right-simple.html: Added.
>+        * fast/block/block-only/floating-box-left-and-right-multiple-expected.txt: Added.
>+        * fast/block/block-only/floating-box-left-and-right-multiple-with-top-offset-expected.txt: Added.
>+        * fast/block/block-only/floating-box-left-and-right-multiple-with-top-offset.html: Added.
>+        * fast/block/block-only/floating-box-left-and-right-multiple.html: Added.
>+        * fast/block/block-only/floating-box-right-simple-expected.txt: Added.
>+        * fast/block/block-only/floating-box-right-simple.html: Added.
>+        * fast/block/block-only/floating-box-with-clear-siblings-expected.txt: Added.
>+        * fast/block/block-only/floating-box-with-clear-siblings.html: Added.
>+        * fast/block/block-only/floating-box-with-clear-simple-expected.txt: Added.
>+        * fast/block/block-only/floating-box-with-clear-simple.html: Added.
>+        * fast/block/block-only/floating-box-with-new-formatting-context-expected.txt: Added.
>+        * fast/block/block-only/floating-box-with-new-formatting-context.html: Added.
>+        * fast/block/block-only/floating-box-with-relative-positioned-sibling-expected.txt: Added.
>+        * fast/block/block-only/floating-box-with-relative-positioned-sibling.html: Added.
>+        * fast/block/block-only/floating-left-right-simple-expected.txt: Added.
>+        * fast/block/block-only/floating-left-right-simple.html: Added.
>+        * fast/block/block-only/floating-left-right-with-all-margins-expected.txt: Added.
>+        * fast/block/block-only/floating-left-right-with-all-margins.html: Added.
>+        * fast/block/block-only/floating-lefts-and-rights-simple-expected.txt: Added.
>+        * fast/block/block-only/floating-lefts-and-rights-simple.html: Added.
>+        * fast/block/block-only/floating-multiple-lefts-expected.txt: Added.
>+        * fast/block/block-only/floating-multiple-lefts-in-body-expected.txt: Added.
>+        * fast/block/block-only/floating-multiple-lefts-in-body.html: Added.
>+        * fast/block/block-only/floating-multiple-lefts-multiple-lines-expected.txt: Added.
>+        * fast/block/block-only/floating-multiple-lefts-multiple-lines.html: Added.
>+        * fast/block/block-only/floating-multiple-lefts.html: Added.
>+        * fast/block/block-only/floating-with-new-block-formatting-context-expected.txt: Added.
>+        * fast/block/block-only/floating-with-new-block-formatting-context.html: Added.
>+        * fast/block/block-only/margin-collapse-bottom-bottom-expected.txt: Added.
>+        * fast/block/block-only/margin-collapse-bottom-bottom.html: Added.
>+        * fast/block/block-only/margin-collapse-bottom-nested-expected.txt: Added.
>+        * fast/block/block-only/margin-collapse-bottom-nested.html: Added.
>+        * fast/block/block-only/margin-collapse-first-last-are-floating-expected.txt: Added.
>+        * fast/block/block-only/margin-collapse-first-last-are-floating.html: Added.
>+        * fast/block/block-only/margin-collapse-simple-expected.txt: Added.
>+        * fast/block/block-only/margin-collapse-simple.html: Added.
>+        * fast/block/block-only/margin-collapse-top-nested-expected.txt: Added.
>+        * fast/block/block-only/margin-collapse-top-nested.html: Added.
>+        * fast/block/block-only/margin-collapse-when-child-has-padding-border-expected.txt: Added.
>+        * fast/block/block-only/margin-collapse-when-child-has-padding-border.html: Added.
>+        * fast/block/block-only/margin-collapse-with-block-formatting-context-expected.txt: Added.
>+        * fast/block/block-only/margin-collapse-with-block-formatting-context.html: Added.
>+        * fast/block/block-only/margin-collapse-with-block-formatting-context2-expected.txt: Added.
>+        * fast/block/block-only/margin-collapse-with-block-formatting-context2.html: Added.
>+        * fast/block/block-only/margin-left-right-sizing-expected.txt: Added.
>+        * fast/block/block-only/margin-left-right-sizing-out-of-flow-expected.txt: Added.
>+        * fast/block/block-only/margin-left-right-sizing-out-of-flow.html: Added.
>+        * fast/block/block-only/margin-left-right-sizing.html: Added.
>+        * fast/block/block-only/margin-propagation-simple-content-height-expected.txt: Added.
>+        * fast/block/block-only/margin-propagation-simple-content-height.html: Added.
>+        * fast/block/block-only/margin-sibling-collapse-propagated-expected.txt: Added.
>+        * fast/block/block-only/margin-sibling-collapse-propagated.html: Added.
>+        * fast/block/block-only/margin-simple-expected.txt: Added.
>+        * fast/block/block-only/margin-simple.html: Added.
>+        * fast/block/block-only/negative-margin-simple-expected.txt: Added.
>+        * fast/block/block-only/negative-margin-simple.html: Added.
>+        * fast/block/block-only/padding-nested-expected.txt: Added.
>+        * fast/block/block-only/padding-nested.html: Added.
>+        * fast/block/block-only/padding-simple-expected.txt: Added.
>+        * fast/block/block-only/padding-simple.html: Added.
>+        * fast/block/block-only/relative-auto-expected.txt: Added.
>+        * fast/block/block-only/relative-auto-with-parent-offset-expected.txt: Added.
>+        * fast/block/block-only/relative-auto-with-parent-offset.html: Added.
>+        * fast/block/block-only/relative-auto.html: Added.
>+        * fast/block/block-only/relative-bottom-expected.txt: Added.
>+        * fast/block/block-only/relative-bottom.html: Added.
>+        * fast/block/block-only/relative-position-when-containing-block-is-not-in-the-formatting-context-expected.txt: Added.
>+        * fast/block/block-only/relative-position-when-containing-block-is-not-in-the-formatting-context.html: Added.
>+        * fast/block/block-only/relative-right-expected.txt: Added.
>+        * fast/block/block-only/relative-right.html: Added.
>+        * fast/block/block-only/relative-siblings-expected.txt: Added.
>+        * fast/block/block-only/relative-siblings.html: Added.
>+        * fast/block/block-only/relative-simple-expected.txt: Added.
>+        * fast/block/block-only/relative-simple.html: Added.
>+
> 2018-06-28  Timothy Hatcher  <timothy@apple.com>
> 
>         Find on page selection color isn't adapted for dark mode.
>diff --git a/LayoutTests/fast/block/block-only/absolute-auto-with-sibling-margin-bottom-expected.txt b/LayoutTests/fast/block/block-only/absolute-auto-with-sibling-margin-bottom-expected.txt
>new file mode 100644
>index 0000000000000000000000000000000000000000..8e9d816ccecc2d642eb2ef735d1eb40900e402d9
>--- /dev/null
>+++ b/LayoutTests/fast/block/block-only/absolute-auto-with-sibling-margin-bottom-expected.txt
>@@ -0,0 +1,8 @@
>+layer at (0,0) size 800x600
>+  RenderView at (0,0) size 800x600
>+layer at (0,0) size 800x250
>+  RenderBlock {HTML} at (0,0) size 800x250
>+    RenderBody {BODY} at (8,100) size 784x50
>+      RenderBlock {DIV} at (100,0) size 584x50
>+layer at (8,250) size 50x50
>+  RenderBlock (positioned) {DIV} at (8,250) size 50x50
>diff --git a/LayoutTests/fast/block/block-only/absolute-auto-with-sibling-margin-bottom.html b/LayoutTests/fast/block/block-only/absolute-auto-with-sibling-margin-bottom.html
>new file mode 100644
>index 0000000000000000000000000000000000000000..fcfd7329d5a7457f6e4c4084d3755e70e15e87c9
>--- /dev/null
>+++ b/LayoutTests/fast/block/block-only/absolute-auto-with-sibling-margin-bottom.html
>@@ -0,0 +1,7 @@
>+<!DOCTYPE html>
>+<html>
>+<body>
>+<div style="height: 50px; margin: 100px;"></div>
>+<div style="width: 50px; height: 50px; position: absolute;"></div>
>+</body>
>+</html>
>diff --git a/LayoutTests/fast/block/block-only/absolute-height-stretch-expected.txt b/LayoutTests/fast/block/block-only/absolute-height-stretch-expected.txt
>new file mode 100644
>index 0000000000000000000000000000000000000000..b59c9f8c1c8943f98c97a1def5ce2c393e52e10b
>--- /dev/null
>+++ b/LayoutTests/fast/block/block-only/absolute-height-stretch-expected.txt
>@@ -0,0 +1,11 @@
>+layer at (0,0) size 800x600
>+  RenderView at (0,0) size 800x600
>+layer at (0,0) size 800x8
>+  RenderBlock {HTML} at (0,0) size 800x8
>+    RenderBody {BODY} at (8,8) size 784x0
>+layer at (10,8) size 760x20
>+  RenderBlock (positioned) {DIV} at (10,8) size 760x20
>+layer at (18,8) size 60x20
>+  RenderBlock (positioned) {DIV} at (10,0) size 60x20
>+layer at (8,10) size 20x560
>+  RenderBlock (positioned) {DIV} at (8,10) size 20x560
>diff --git a/LayoutTests/fast/block/block-only/absolute-height-stretch.html b/LayoutTests/fast/block/block-only/absolute-height-stretch.html
>new file mode 100644
>index 0000000000000000000000000000000000000000..07b2154c797fef0419e524250a5039d95a43a436
>--- /dev/null
>+++ b/LayoutTests/fast/block/block-only/absolute-height-stretch.html
>@@ -0,0 +1,10 @@
>+<!DOCTYPE html>
>+<html>
>+<body>
>+<div style="position: absolute; left: 10px; right: 30px; height: 20px;"></div>
>+<div style="position: absolute; width: 100px;">
>+    <div style="position: absolute; left: 10px; right: 30px; height: 20px;"></div>
>+</div>
>+<div style="position: absolute; top: 10px; bottom: 30px; width: 20px;"></div>
>+</body>
>+</html>
>diff --git a/LayoutTests/fast/block/block-only/absolute-left-auto-expected.txt b/LayoutTests/fast/block/block-only/absolute-left-auto-expected.txt
>new file mode 100644
>index 0000000000000000000000000000000000000000..94bea36dd0b5183059c0b2cc2f7d5bd1dbec673b
>--- /dev/null
>+++ b/LayoutTests/fast/block/block-only/absolute-left-auto-expected.txt
>@@ -0,0 +1,13 @@
>+layer at (0,0) size 800x600
>+  RenderView at (0,0) size 800x600
>+layer at (0,0) size 800x8
>+  RenderBlock {HTML} at (0,0) size 800x8
>+    RenderBody {BODY} at (8,8) size 784x0
>+layer at (108,572) size 30x20
>+  RenderBlock (positioned) {DIV} at (108,572) size 30x20
>+layer at (8,572) size 30x20
>+  RenderBlock (positioned) {DIV} at (8,572) size 30x20
>+layer at (8,8) size 30x20
>+  RenderBlock (positioned) {DIV} at (8,8) size 30x20
>+layer at (8,8) size 30x20
>+  RenderBlock (positioned) {DIV} at (8,8) size 30x20
>diff --git a/LayoutTests/fast/block/block-only/absolute-left-auto.html b/LayoutTests/fast/block/block-only/absolute-left-auto.html
>new file mode 100644
>index 0000000000000000000000000000000000000000..47adb8a753683402ac9eeecf2b94c23d8db4afc8
>--- /dev/null
>+++ b/LayoutTests/fast/block/block-only/absolute-left-auto.html
>@@ -0,0 +1,9 @@
>+<!DOCTYPE html>
>+<html>
>+<body>
>+<div style="margin-left: 100px; position: absolute; left: auto; bottom: 8px; width: 30px; height: 20px;"></div>
>+<div style="position: absolute; right: auto; bottom: 8px; width: 30px; height: 20px;"></div>
>+<div style="position: absolute; top: auto; left: 8px; width: 30px; height: 20px;"></div>
>+<div style="position: absolute; bottom: auto; left: 8px; width: 30px; height: 20px;"></div>
>+</body>
>+</html>
>diff --git a/LayoutTests/fast/block/block-only/absolute-left-right-top-bottom-auto-expected.txt b/LayoutTests/fast/block/block-only/absolute-left-right-top-bottom-auto-expected.txt
>new file mode 100644
>index 0000000000000000000000000000000000000000..8a3c8c9694b2a50b1b0aa4ed3533f87f7edd51c2
>--- /dev/null
>+++ b/LayoutTests/fast/block/block-only/absolute-left-right-top-bottom-auto-expected.txt
>@@ -0,0 +1,19 @@
>+layer at (0,0) size 800x600
>+  RenderView at (0,0) size 800x600
>+layer at (0,0) size 800x96
>+  RenderBlock {HTML} at (0,0) size 800x96
>+    RenderBody {BODY} at (8,8) size 784x80
>+      RenderBlock {DIV} at (0,0) size 10x20
>+      RenderBlock {DIV} at (0,20) size 10x20
>+      RenderBlock {DIV} at (0,40) size 10x20
>+      RenderBlock {DIV} at (0,60) size 10x20
>+layer at (760,28) size 30x20
>+  RenderBlock (positioned) {DIV} at (760,28) size 30x20
>+layer at (10,48) size 30x20
>+  RenderBlock (positioned) {DIV} at (10,48) size 30x20
>+layer at (8,68) size 30x20
>+  RenderBlock (positioned) {DIV} at (8,68) size 30x20
>+layer at (8,10) size 30x20
>+  RenderBlock (positioned) {DIV} at (8,10) size 30x20
>+layer at (8,570) size 30x20
>+  RenderBlock (positioned) {DIV} at (8,570) size 30x20
>diff --git a/LayoutTests/fast/block/block-only/absolute-left-right-top-bottom-auto.html b/LayoutTests/fast/block/block-only/absolute-left-right-top-bottom-auto.html
>new file mode 100644
>index 0000000000000000000000000000000000000000..f23e753a8d1440ba8f5f009cd85bad661fe77830
>--- /dev/null
>+++ b/LayoutTests/fast/block/block-only/absolute-left-right-top-bottom-auto.html
>@@ -0,0 +1,14 @@
>+<!DOCTYPE html>
>+<html>
>+<body>
>+<div style="width: 10px; height: 20px;"></div>
>+<div style="position: absolute; right: 10px; top: auto; width: 30px; height: 20px;"></div>
>+<div style="width: 10px; height: 20px;"></div>
>+<div style="position: absolute; left: 10px; top: auto; width: 30px; height: 20px;"></div>
>+<div style="width: 10px; height: 20px;"></div>
>+<div style="position: absolute; left: auto; top: auto; width: 30px; height: 20px;"></div>
>+<div style="width: 10px; height: 20px;"></div>
>+<div style="position: absolute; left: auto; top: 10px; width: 30px; height: 20px;"></div>
>+<div style="position: absolute; left: auto; bottom: 10px; width: 30px; height: 20px;"></div>
>+</body>
>+</html>
>diff --git a/LayoutTests/fast/block/block-only/absolute-nested-expected.txt b/LayoutTests/fast/block/block-only/absolute-nested-expected.txt
>new file mode 100644
>index 0000000000000000000000000000000000000000..75c3b13df345127ba63f74b5f7a108f1657f2a24
>--- /dev/null
>+++ b/LayoutTests/fast/block/block-only/absolute-nested-expected.txt
>@@ -0,0 +1,9 @@
>+layer at (0,0) size 800x600
>+  RenderView at (0,0) size 800x600
>+layer at (0,0) size 800x36
>+  RenderBlock {HTML} at (0,0) size 800x36
>+    RenderBody {BODY} at (8,8) size 784x20
>+      RenderBlock {DIV} at (0,0) size 20x20
>+layer at (20,0) size 20x20
>+  RenderBlock (positioned) {DIV} at (20,0) size 20x20
>+    RenderBlock {DIV} at (0,0) size 20x20
>diff --git a/LayoutTests/fast/block/block-only/absolute-nested.html b/LayoutTests/fast/block/block-only/absolute-nested.html
>new file mode 100644
>index 0000000000000000000000000000000000000000..6a085d43cbe796ff52f520536efbd8d21c7dbc9c
>--- /dev/null
>+++ b/LayoutTests/fast/block/block-only/absolute-nested.html
>@@ -0,0 +1,9 @@
>+<!DOCTYPE html>
>+<html>
>+<body>
>+    <div style="width: 20px; height: 20px;"></div>
>+    <div style="position: absolute; left: 20px; top: 0px; width: 20px; height: 20px;">
>+        <div style="width: 20px; height: 20px;"></div>
>+    </div>
>+</body>
>+</html>
>diff --git a/LayoutTests/fast/block/block-only/absolute-nested2-expected.txt b/LayoutTests/fast/block/block-only/absolute-nested2-expected.txt
>new file mode 100644
>index 0000000000000000000000000000000000000000..9e209f4580ef3b0ab422644f6c8b12824f36c3fa
>--- /dev/null
>+++ b/LayoutTests/fast/block/block-only/absolute-nested2-expected.txt
>@@ -0,0 +1,14 @@
>+layer at (0,0) size 800x600
>+  RenderView at (0,0) size 800x600
>+layer at (0,0) size 800x36
>+  RenderBlock {HTML} at (0,0) size 800x36
>+    RenderBody {BODY} at (8,8) size 784x20
>+      RenderBlock {DIV} at (0,0) size 20x20
>+layer at (20,20) size 20x20
>+  RenderBlock (positioned) {DIV} at (20,20) size 20x20
>+    RenderBlock {DIV} at (0,0) size 20x20
>+layer at (70,70) size 50x50
>+  RenderBlock (positioned) {DIV} at (50,50) size 50x50
>+layer at (20,120) size 20x20
>+  RenderBlock (positioned) {DIV} at (0,100) size 20x20
>+    RenderBlock {DIV} at (0,0) size 20x20
>diff --git a/LayoutTests/fast/block/block-only/absolute-nested2.html b/LayoutTests/fast/block/block-only/absolute-nested2.html
>new file mode 100644
>index 0000000000000000000000000000000000000000..4bd0ea4032a2589305c872398ebb976f4c8ce0ab
>--- /dev/null
>+++ b/LayoutTests/fast/block/block-only/absolute-nested2.html
>@@ -0,0 +1,13 @@
>+<!DOCTYPE html>
>+<html>
>+<body>
>+    <div style="width: 20px; height: 20px;"></div>
>+    <div style="position: absolute; left: 20px; top: 20px; width: 20px; height: 20px;">
>+        <div style="width: 20px; height: 20px;">
>+            <div style="position: absolute; left: 50px; top: 50px; width: 50px; height: 50px;"></div>
>+        </div>
>+    <div style="position: absolute; left: 0px; top: 100px; width: 20px; height: 20px;">
>+        <div style="width: 20px; height: 20px;"></div>
>+    </div>
>+</body>
>+</html>
>diff --git a/LayoutTests/fast/block/block-only/absolute-position-when-containing-block-is-not-in-the-formatting-context-expected.txt b/LayoutTests/fast/block/block-only/absolute-position-when-containing-block-is-not-in-the-formatting-context-expected.txt
>new file mode 100644
>index 0000000000000000000000000000000000000000..95c6aa55651c17b160728839ca0bb224224e4093
>--- /dev/null
>+++ b/LayoutTests/fast/block/block-only/absolute-position-when-containing-block-is-not-in-the-formatting-context-expected.txt
>@@ -0,0 +1,11 @@
>+layer at (0,0) size 800x600
>+  RenderView at (0,0) size 800x600
>+layer at (0,0) size 800x156
>+  RenderBlock {HTML} at (0,0) size 800x156
>+    RenderBody {BODY} at (8,8) size 784x140
>+layer at (108,108) size 140x140
>+  RenderBlock (relative positioned) {DIV} at (0,0) size 140x140
>+layer at (128,128) size 50x50
>+  RenderBlock {DIV} at (20,20) size 50x50
>+layer at (103,103) size 10x10
>+  RenderBlock (positioned) {DIV} at (-5,-5) size 10x10
>diff --git a/LayoutTests/fast/block/block-only/absolute-position-when-containing-block-is-not-in-the-formatting-context.html b/LayoutTests/fast/block/block-only/absolute-position-when-containing-block-is-not-in-the-formatting-context.html
>new file mode 100644
>index 0000000000000000000000000000000000000000..80e0006b33edda1a56017f50d586458d25693d5e
>--- /dev/null
>+++ b/LayoutTests/fast/block/block-only/absolute-position-when-containing-block-is-not-in-the-formatting-context.html
>@@ -0,0 +1,10 @@
>+<!DOCTYPE html>
>+<html>
>+<body>
>+<div style="position: relative; top: 100px; left: 100px; width: 100px; height: 100px; padding: 20px;">
>+    <div style="overflow: hidden; width: 50px; height: 50px">
>+        <div style="position: absolute; left: -5px; top: -5px; width: 10px; height: 10px;"></div>
>+    </div>
>+</div>
>+</body>
>+</html>
>diff --git a/LayoutTests/fast/block/block-only/absolute-position-when-containing-block-is-not-in-the-formatting-context2-expected.txt b/LayoutTests/fast/block/block-only/absolute-position-when-containing-block-is-not-in-the-formatting-context2-expected.txt
>new file mode 100644
>index 0000000000000000000000000000000000000000..df49c1b66991a1841b819f69ce9ec68568d69c60
>--- /dev/null
>+++ b/LayoutTests/fast/block/block-only/absolute-position-when-containing-block-is-not-in-the-formatting-context2-expected.txt
>@@ -0,0 +1,11 @@
>+layer at (0,0) size 800x600
>+  RenderView at (0,0) size 800x600
>+layer at (0,0) size 800x156
>+  RenderBlock {HTML} at (0,0) size 800x156
>+    RenderBody {BODY} at (8,8) size 784x140
>+layer at (108,108) size 140x140
>+  RenderBlock (relative positioned) {DIV} at (0,0) size 140x140
>+layer at (128,128) size 50x50
>+  RenderBlock {DIV} at (20,20) size 50x50
>+layer at (103,103) size 10x10 backgroundClip at (108,108) size 140x140 clip at (108,108) size 140x140
>+  RenderBlock (positioned) {DIV} at (-5,-5) size 10x10
>diff --git a/LayoutTests/fast/block/block-only/absolute-position-when-containing-block-is-not-in-the-formatting-context2.html b/LayoutTests/fast/block/block-only/absolute-position-when-containing-block-is-not-in-the-formatting-context2.html
>new file mode 100644
>index 0000000000000000000000000000000000000000..5772ba03765b97b88af602a97a2dc3ad38026fb0
>--- /dev/null
>+++ b/LayoutTests/fast/block/block-only/absolute-position-when-containing-block-is-not-in-the-formatting-context2.html
>@@ -0,0 +1,10 @@
>+<!DOCTYPE html>
>+<html>
>+<body>
>+<div style="position: relative; overflow: hidden; top: 100px; left: 100px; width: 100px; height: 100px; padding: 20px;">
>+    <div style="overflow: hidden; width: 50px; height: 50px">
>+        <div style="position: absolute; left: -5px; top: -5px; width: 10px; height: 10px;"></div>
>+    </div>
>+</div>
>+</body>
>+</html>
>diff --git a/LayoutTests/fast/block/block-only/absolute-simple-expected.txt b/LayoutTests/fast/block/block-only/absolute-simple-expected.txt
>new file mode 100644
>index 0000000000000000000000000000000000000000..80dafb38cd5254c83d5ddc91ce3eae80ffef8567
>--- /dev/null
>+++ b/LayoutTests/fast/block/block-only/absolute-simple-expected.txt
>@@ -0,0 +1,7 @@
>+layer at (0,0) size 800x600
>+  RenderView at (0,0) size 800x600
>+layer at (0,0) size 800x8
>+  RenderBlock {HTML} at (0,0) size 800x8
>+    RenderBody {BODY} at (8,8) size 784x0
>+layer at (20,10) size 30x40
>+  RenderBlock (positioned) {DIV} at (20,10) size 30x40
>diff --git a/LayoutTests/fast/block/block-only/absolute-simple.html b/LayoutTests/fast/block/block-only/absolute-simple.html
>new file mode 100644
>index 0000000000000000000000000000000000000000..b9ed9aacf94fb398558330b945169feed9c364ba
>--- /dev/null
>+++ b/LayoutTests/fast/block/block-only/absolute-simple.html
>@@ -0,0 +1,6 @@
>+<!DOCTYPE html>
>+<html>
>+<body>
>+<div style="position: absolute; left: 20px; top: 10px; width: 30px; height: 40px;"></div>
>+</body>
>+</html>
>diff --git a/LayoutTests/fast/block/block-only/absolute-width-shrink-to-fit-expected.txt b/LayoutTests/fast/block/block-only/absolute-width-shrink-to-fit-expected.txt
>new file mode 100644
>index 0000000000000000000000000000000000000000..25fda77fbe5bc63b7356d2cff0469724cf9f24c5
>--- /dev/null
>+++ b/LayoutTests/fast/block/block-only/absolute-width-shrink-to-fit-expected.txt
>@@ -0,0 +1,20 @@
>+layer at (0,0) size 800x600
>+  RenderView at (0,0) size 800x600
>+layer at (0,0) size 800x8
>+  RenderBlock {HTML} at (0,0) size 800x8
>+    RenderBody {BODY} at (8,8) size 784x0
>+layer at (8,8) size 120x120
>+  RenderBlock (positioned) {DIV} at (8,8) size 120x120
>+    RenderBlock {DIV} at (10,10) size 100x20
>+layer at (100,8) size 120x120
>+  RenderBlock (positioned) {DIV} at (100,8) size 120x120
>+    RenderBlock {DIV} at (10,10) size 100x20
>+    RenderBlock {DIV} at (10,30) size 100x20
>+layer at (100,8) size 220x120
>+  RenderBlock (positioned) {DIV} at (100,8) size 220x120
>+    RenderBlock {DIV} at (10,10) size 200x20
>+      RenderBlock {DIV} at (0,0) size 110x30
>+layer at (480,8) size 220x120
>+  RenderBlock (positioned) {DIV} at (480,8) size 220x120
>+    RenderBlock {DIV} at (10,25) size 200x20
>+      RenderBlock {DIV} at (15,0) size 105x20
>diff --git a/LayoutTests/fast/block/block-only/absolute-width-shrink-to-fit.html b/LayoutTests/fast/block/block-only/absolute-width-shrink-to-fit.html
>new file mode 100644
>index 0000000000000000000000000000000000000000..80b28d4dd77687bc3c4c698913a3c5095d0eb466
>--- /dev/null
>+++ b/LayoutTests/fast/block/block-only/absolute-width-shrink-to-fit.html
>@@ -0,0 +1,22 @@
>+<!DOCTYPE html>
>+<html>
>+<body>
>+<div style="position: absolute; width: auto; height: 100px; padding: 10px">
>+    <div style="width: 100px; height: 20px;"></div>
>+</div>
>+<div style="position: absolute; left: 100px; width: auto; height: 100px; padding: 10px">
>+    <div style="width: 100px; height: 20px;"></div>
>+    <div style="width: 100px; height: 20px;"></div>
>+</div>
>+<div style="position: absolute; left: 100px; width: auto; height: 100px; padding: 10px">
>+    <div style="width: 200px; height: 20px;">
>+        <div style="padding: 5px; maring: 10px; width: 100px; height: 20px;"></div>
>+    </div>
>+</div>
>+<div style="position: absolute; right: 100px; width: auto; height: 100px; padding: 10px">
>+    <div style="width: 200px; height: 20px;">
>+        <div style="margin: 15px; padding-left: 5px; width: 100px; height: 20px;"></div>
>+    </div>
>+</div>
>+</body>
>+</html>
>diff --git a/LayoutTests/fast/block/block-only/absolute-width-stretch-expected.txt b/LayoutTests/fast/block/block-only/absolute-width-stretch-expected.txt
>new file mode 100644
>index 0000000000000000000000000000000000000000..a564d335faa0087f79b7fea68bf68c0206e6540e
>--- /dev/null
>+++ b/LayoutTests/fast/block/block-only/absolute-width-stretch-expected.txt
>@@ -0,0 +1,9 @@
>+layer at (0,0) size 800x600
>+  RenderView at (0,0) size 800x600
>+layer at (0,0) size 800x8
>+  RenderBlock {HTML} at (0,0) size 800x8
>+    RenderBody {BODY} at (8,8) size 784x0
>+layer at (10,8) size 760x20
>+  RenderBlock (positioned) {DIV} at (10,8) size 760x20
>+layer at (18,8) size 60x20
>+  RenderBlock (positioned) {DIV} at (10,0) size 60x20
>diff --git a/LayoutTests/fast/block/block-only/absolute-width-stretch.html b/LayoutTests/fast/block/block-only/absolute-width-stretch.html
>new file mode 100644
>index 0000000000000000000000000000000000000000..b0daffc7b37c16cbc9ed246b2f2a5d9ec576a3ea
>--- /dev/null
>+++ b/LayoutTests/fast/block/block-only/absolute-width-stretch.html
>@@ -0,0 +1,9 @@
>+<!DOCTYPE html>
>+<html>
>+<body>
>+<div style="position: absolute; left: 10px; right: 30px; height: 20px;"></div>
>+<div style="position: absolute; width: 100px;">
>+    <div style="position: absolute; left: 10px; right: 30px; height: 20px;"></div>
>+</div>
>+</body>
>+</html>
>diff --git a/LayoutTests/fast/block/block-only/absolute-with-static-block-position-nested-expected.txt b/LayoutTests/fast/block/block-only/absolute-with-static-block-position-nested-expected.txt
>new file mode 100644
>index 0000000000000000000000000000000000000000..13e5d54bc834f3f583077029ceb11bf84b93c4cf
>--- /dev/null
>+++ b/LayoutTests/fast/block/block-only/absolute-with-static-block-position-nested-expected.txt
>@@ -0,0 +1,8 @@
>+layer at (0,0) size 800x600
>+  RenderView at (0,0) size 800x600
>+layer at (0,0) size 800x216
>+  RenderBlock {HTML} at (0,0) size 800x216
>+    RenderBody {BODY} at (8,8) size 784x200
>+      RenderBlock {DIV} at (0,0) size 784x200
>+layer at (108,108) size 10x10
>+  RenderBlock (positioned) {DIV} at (108,108) size 10x10
>diff --git a/LayoutTests/fast/block/block-only/absolute-with-static-block-position-nested.html b/LayoutTests/fast/block/block-only/absolute-with-static-block-position-nested.html
>new file mode 100644
>index 0000000000000000000000000000000000000000..ff7a53879479dc8bd4bd24cb13a68ba27c5edc25
>--- /dev/null
>+++ b/LayoutTests/fast/block/block-only/absolute-with-static-block-position-nested.html
>@@ -0,0 +1,8 @@
>+<!DOCTYPE html>
>+<html>
>+<body>
>+<div style="padding: 100px;">
>+    <div style="position: absolute; top: auto; left: auto; width: 10px; height: 10px;"></div>
>+</div>
>+</body>
>+</html>
>diff --git a/LayoutTests/fast/block/block-only/almost-intruding-left-float-simple-expected.txt b/LayoutTests/fast/block/block-only/almost-intruding-left-float-simple-expected.txt
>new file mode 100644
>index 0000000000000000000000000000000000000000..37015b0bfcbe82905f4940017a2d4f3044eebc5d
>--- /dev/null
>+++ b/LayoutTests/fast/block/block-only/almost-intruding-left-float-simple-expected.txt
>@@ -0,0 +1,10 @@
>+layer at (0,0) size 800x600
>+  RenderView at (0,0) size 800x600
>+layer at (0,0) size 800x116
>+  RenderBlock {HTML} at (0,0) size 800x116
>+    RenderBody {BODY} at (8,8) size 784x100
>+      RenderBlock (floating) {DIV} at (0,0) size 10x100
>+      RenderBlock {DIV} at (0,0) size 100x50
>+        RenderBlock (floating) {DIV} at (10,0) size 10x10
>+      RenderBlock {DIV} at (50,50) size 100x50
>+        RenderBlock (floating) {DIV} at (0,0) size 10x10
>diff --git a/LayoutTests/fast/block/block-only/almost-intruding-left-float-simple.html b/LayoutTests/fast/block/block-only/almost-intruding-left-float-simple.html
>new file mode 100644
>index 0000000000000000000000000000000000000000..2d27cf381e4c054e13a4489813dc3d98b00bfdf6
>--- /dev/null
>+++ b/LayoutTests/fast/block/block-only/almost-intruding-left-float-simple.html
>@@ -0,0 +1,12 @@
>+<!DOCTYPE html>
>+<html>
>+<body>
>+<div style="float: left; width: 10px; height: 100px;"></div>
>+<div style="width: 100px; height: 50px;">
>+    <div style="float: left; width: 10px; height: 10px;"></div>
>+</div>
>+<div style="margin-left: 50px; width: 100px; height: 50px;">
>+    <div style="float: left; width: 10px; height: 10px;"></div>
>+</div>
>+</body>
>+</html>
>diff --git a/LayoutTests/fast/block/block-only/border-simple-expected.txt b/LayoutTests/fast/block/block-only/border-simple-expected.txt
>new file mode 100644
>index 0000000000000000000000000000000000000000..23b7a23713d021711b1c2456f76f76dc68ce50cc
>--- /dev/null
>+++ b/LayoutTests/fast/block/block-only/border-simple-expected.txt
>@@ -0,0 +1,15 @@
>+layer at (0,0) size 785x886
>+  RenderView at (0,0) size 785x600
>+layer at (0,0) size 785x881
>+  RenderBlock {HTML} at (0,0) size 785x881
>+    RenderBody {BODY} at (8,8) size 769x865
>+      RenderBlock {DIV} at (0,0) size 220x220 [border: (10px solid #008000)]
>+        RenderBlock {DIV} at (10,10) size 202x202 [border: (1px solid #008000)]
>+      RenderBlock {DIV} at (0,220) size 200x205 [border: (5px solid #008000) none]
>+        RenderBlock {DIV} at (0,5) size 200x201 [border: none (1px solid #008000) none]
>+      RenderBlock {DIV} at (0,425) size 220x220 [border: (10px solid #008000)]
>+        RenderBlock {DIV} at (10,10) size 222x222 [border: (1px solid #008000)]
>+      RenderBlock {DIV} at (0,645) size 220x220 [border: (10px solid #008000)]
>+        RenderBlock {DIV} at (20,20) size 202x202 [border: (1px solid #008000)]
>+          RenderBlock {DIV} at (11,11) size 200x200
>+            RenderBlock {DIV} at (10,0) size 202x202 [border: (1px solid #008000)]
>diff --git a/LayoutTests/fast/block/block-only/border-simple.html b/LayoutTests/fast/block/block-only/border-simple.html
>new file mode 100644
>index 0000000000000000000000000000000000000000..f4e31bc2198e4d8446abf1e0153a0d787a503331
>--- /dev/null
>+++ b/LayoutTests/fast/block/block-only/border-simple.html
>@@ -0,0 +1,21 @@
>+<!DOCTYPE html>
>+<html>
>+<body>
>+<div style="border: 10px solid green; width: 200px; height: 200px;">
>+    <div style="border: 1px solid green; width: 200px; height: 200px;"></div>
>+</div>
>+<div style="border-top: 5px solid green; width: 200px; height: 200px;">
>+    <div style="border-bottom: 1px solid green; width: 200px; height: 200px;"></div>
>+</div>
>+<div style="border: 10px solid green; width: 200px; height: 200px;">
>+    <div style="padding: 10px; border: 1px solid green; width: 200px; height: 200px;"></div>
>+</div>
>+<div style="border: 10px solid green; width: 200px; height: 200px;">
>+    <div style="margin: 10px; border: 1px solid green; width: 200px; height: 200px;">
>+        <div style="margin: 10px; width: 200px; height: 200px;">
>+            <div style="margin: 10px; border: 1px solid green; width: 200px; height: 200px;"></div>
>+        </div>
>+    </div>
>+</div>
>+</body>
>+</html>
>diff --git a/LayoutTests/fast/block/block-only/fixed-nested-expected.txt b/LayoutTests/fast/block/block-only/fixed-nested-expected.txt
>new file mode 100644
>index 0000000000000000000000000000000000000000..d3a2dbdbc11d536f55d5c69eebc1198394518f33
>--- /dev/null
>+++ b/LayoutTests/fast/block/block-only/fixed-nested-expected.txt
>@@ -0,0 +1,14 @@
>+layer at (0,0) size 800x600
>+  RenderView at (0,0) size 800x600
>+layer at (0,0) size 800x8
>+  RenderBlock {HTML} at (0,0) size 800x8
>+    RenderBody {BODY} at (8,8) size 784x0
>+layer at (20,10) size 30x40
>+  RenderBlock (positioned) {DIV} at (20,10) size 30x40
>+layer at (120,100) size 230x40
>+  RenderBlock (positioned) {DIV} at (120,100) size 230x40
>+layer at (130,110) size 30x40
>+  RenderBlock (positioned) {DIV} at (10,10) size 30x40
>+    RenderBlock {DIV} at (0,0) size 30x40
>+layer at (220,100) size 30x40
>+  RenderBlock (positioned) {DIV} at (220,100) size 30x40
>diff --git a/LayoutTests/fast/block/block-only/fixed-nested.html b/LayoutTests/fast/block/block-only/fixed-nested.html
>new file mode 100644
>index 0000000000000000000000000000000000000000..35d64157b7e66c6ba08a5b985a622be72afe5df9
>--- /dev/null
>+++ b/LayoutTests/fast/block/block-only/fixed-nested.html
>@@ -0,0 +1,14 @@
>+<!DOCTYPE html>
>+<html>
>+<body>
>+<div style="position: fixed; left: 20px; top: 10px; width: 30px; height: 40px;">
>+    <div style="position: fixed; left: 120px; top: 100px; width: 230px; height: 40px;">
>+        <div style="position: absolute; left: 10px; top: 10px; width: 30px; height: 40px;">
>+            <div style="width: 30px; height: 40px;">
>+                <div style="position: fixed; left: 220px; top: 100px; width: 30px; height: 40px;"></div>
>+            </div>
>+        </div>
>+    </div>
>+</div>
>+</body>
>+</html>
>diff --git a/LayoutTests/fast/block/block-only/float-left-when-container-has-padding-margin-expected.txt b/LayoutTests/fast/block/block-only/float-left-when-container-has-padding-margin-expected.txt
>new file mode 100644
>index 0000000000000000000000000000000000000000..f8c09fb1bbf7eeedb8d201387cd5f22ae36e648f
>--- /dev/null
>+++ b/LayoutTests/fast/block/block-only/float-left-when-container-has-padding-margin-expected.txt
>@@ -0,0 +1,9 @@
>+layer at (0,0) size 800x600
>+  RenderView at (0,0) size 800x600
>+layer at (0,0) size 800x140
>+  RenderBlock {HTML} at (0,0) size 800x140
>+    RenderBody {BODY} at (8,10) size 784x120
>+      RenderBlock {DIV} at (10,0) size 120x120
>+        RenderBlock (floating) {DIV} at (10,10) size 20x10
>+        RenderBlock (floating) {DIV} at (30,10) size 70x10
>+        RenderBlock (floating) {DIV} at (10,20) size 30x10
>diff --git a/LayoutTests/fast/block/block-only/float-left-when-container-has-padding-margin.html b/LayoutTests/fast/block/block-only/float-left-when-container-has-padding-margin.html
>new file mode 100644
>index 0000000000000000000000000000000000000000..7ff142914bf4c91e0b07616ca1676521493b60a6
>--- /dev/null
>+++ b/LayoutTests/fast/block/block-only/float-left-when-container-has-padding-margin.html
>@@ -0,0 +1,11 @@
>+<!DOCTYPE html>
>+<html>
>+<body>
>+<div style="margin: 10px; padding: 10px; width: 100px; height: 100px;">
>+    <div style="float: left; width: 20px; height: 10px;"></div>
>+    <div style="float: left; width: 70px; height: 10px;"></div>
>+    <div style="float: left; width: 30px; height: 10px;"></div>
>+</div>
>+</div>
>+</body>
>+</html>
>diff --git a/LayoutTests/fast/block/block-only/floating-box-clear-both-simple-expected.txt b/LayoutTests/fast/block/block-only/floating-box-clear-both-simple-expected.txt
>new file mode 100644
>index 0000000000000000000000000000000000000000..27c6c0c4ee584593aec1c35c90169104d90aad22
>--- /dev/null
>+++ b/LayoutTests/fast/block/block-only/floating-box-clear-both-simple-expected.txt
>@@ -0,0 +1,15 @@
>+layer at (0,0) size 785x1308
>+  RenderView at (0,0) size 785x600
>+layer at (0,0) size 785x1308
>+  RenderBlock {HTML} at (0,0) size 785x1308
>+    RenderBody {BODY} at (8,8) size 769x800
>+      RenderBlock {DIV} at (0,0) size 500x100
>+        RenderBlock (floating) {DIV} at (450,0) size 50x250
>+        RenderBlock (floating) {DIV} at (400,0) size 50x250
>+        RenderBlock (floating) {DIV} at (350,0) size 50x250
>+      RenderBlock {DIV} at (0,250) size 10x100
>+      RenderBlock (floating) {DIV} at (719,350) size 50x350
>+      RenderBlock (floating) {DIV} at (669,350) size 50x250
>+      RenderBlock {DIV} at (0,700) size 10x100
>+      RenderBlock (floating) {DIV} at (0,800) size 50x500
>+      RenderBlock (floating) {DIV} at (719,800) size 50x350
>diff --git a/LayoutTests/fast/block/block-only/floating-box-clear-both-simple.html b/LayoutTests/fast/block/block-only/floating-box-clear-both-simple.html
>new file mode 100644
>index 0000000000000000000000000000000000000000..c21067829148ef2ea1612fee383de590f5127a12
>--- /dev/null
>+++ b/LayoutTests/fast/block/block-only/floating-box-clear-both-simple.html
>@@ -0,0 +1,16 @@
>+<!DOCTYPE html>
>+<html>
>+<body>
>+<div style="width: 500px; height: 100px;">
>+    <div style="float: right; width: 50px; height: 250px;"></div>
>+    <div style="float: right; width: 50px; height: 250px;"></div>
>+    <div style="float: right; width: 50px; height: 250px;"></div>
>+</div>
>+<div style="clear: both; width: 10px; height: 100px;"></div>
>+<div style="float: right; width: 50px; height: 350px;"></div>
>+<div style="float: right; width: 50px; height: 250px;"></div>
>+<div style="clear: both; width: 10px; height: 100px;"></div>
>+<div style="float: left; width: 50px; height: 500px;"></div>
>+<div style="float: right; width: 50px; height: 350px;"></div>
>+</body>
>+</html>
>diff --git a/LayoutTests/fast/block/block-only/floating-box-clear-right-simple-expected.txt b/LayoutTests/fast/block/block-only/floating-box-clear-right-simple-expected.txt
>new file mode 100644
>index 0000000000000000000000000000000000000000..2f6dd4ce9afbf014d181fb38ce897eb0db3eaf6f
>--- /dev/null
>+++ b/LayoutTests/fast/block/block-only/floating-box-clear-right-simple-expected.txt
>@@ -0,0 +1,15 @@
>+layer at (0,0) size 785x1208
>+  RenderView at (0,0) size 785x600
>+layer at (0,0) size 785x1208
>+  RenderBlock {HTML} at (0,0) size 785x1208
>+    RenderBody {BODY} at (8,8) size 769x700
>+      RenderBlock {DIV} at (0,0) size 500x100
>+        RenderBlock (floating) {DIV} at (450,0) size 50x250
>+        RenderBlock (floating) {DIV} at (400,0) size 50x250
>+        RenderBlock (floating) {DIV} at (350,0) size 50x250
>+      RenderBlock (floating) {DIV} at (0,100) size 50x500
>+      RenderBlock (floating) {DIV} at (300,100) size 50x350
>+      RenderBlock (floating) {DIV} at (250,100) size 50x250
>+      RenderBlock {DIV} at (0,600) size 10x100
>+      RenderBlock (floating) {DIV} at (0,700) size 50x500
>+      RenderBlock (floating) {DIV} at (719,700) size 50x350
>diff --git a/LayoutTests/fast/block/block-only/floating-box-clear-right-simple.html b/LayoutTests/fast/block/block-only/floating-box-clear-right-simple.html
>new file mode 100644
>index 0000000000000000000000000000000000000000..51d6862534fb11e23a2bcae6a5190f604918be6f
>--- /dev/null
>+++ b/LayoutTests/fast/block/block-only/floating-box-clear-right-simple.html
>@@ -0,0 +1,16 @@
>+<!DOCTYPE html>
>+<html>
>+<body>
>+<div style="width: 500px; height: 100px;">
>+    <div style="float: right; width: 50px; height: 250px;"></div>
>+    <div style="float: right; width: 50px; height: 250px;"></div>
>+    <div style="float: right; width: 50px; height: 250px;"></div>
>+</div>
>+<div style="float: left; width: 50px; height: 500px;"></div>
>+<div style="float: right; width: 50px; height: 350px;"></div>
>+<div style="float: right; width: 50px; height: 250px;"></div>
>+<div style="clear: both; width: 10px; height: 100px;"></div>
>+<div style="float: left; width: 50px; height: 500px;"></div>
>+<div style="float: right; width: 50px; height: 350px;"></div>
>+</body>
>+</html>
>diff --git a/LayoutTests/fast/block/block-only/floating-box-left-and-right-multiple-expected.txt b/LayoutTests/fast/block/block-only/floating-box-left-and-right-multiple-expected.txt
>new file mode 100644
>index 0000000000000000000000000000000000000000..72d8797689dbc2c4fb915b7c1026535e6cac8384
>--- /dev/null
>+++ b/LayoutTests/fast/block/block-only/floating-box-left-and-right-multiple-expected.txt
>@@ -0,0 +1,13 @@
>+layer at (0,0) size 800x600
>+  RenderView at (0,0) size 800x600
>+layer at (0,0) size 800x416
>+  RenderBlock {HTML} at (0,0) size 800x416
>+    RenderBody {BODY} at (8,8) size 784x400
>+      RenderBlock {DIV} at (0,0) size 200x400
>+        RenderBlock (floating) {DIV} at (0,0) size 10x25
>+        RenderBlock (floating) {DIV} at (160,0) size 40x45
>+        RenderBlock (floating) {DIV} at (10,0) size 60x15
>+        RenderBlock (floating) {DIV} at (70,0) size 70x95
>+        RenderBlock (floating) {DIV} at (170,45) size 30x125
>+        RenderBlock (floating) {DIV} at (160,45) size 10x35
>+        RenderBlock (floating) {DIV} at (0,95) size 70x95
>diff --git a/LayoutTests/fast/block/block-only/floating-box-left-and-right-multiple-with-top-offset-expected.txt b/LayoutTests/fast/block/block-only/floating-box-left-and-right-multiple-with-top-offset-expected.txt
>new file mode 100644
>index 0000000000000000000000000000000000000000..67d467ba9172b1b7545c79672f614f52949f5b58
>--- /dev/null
>+++ b/LayoutTests/fast/block/block-only/floating-box-left-and-right-multiple-with-top-offset-expected.txt
>@@ -0,0 +1,13 @@
>+layer at (0,0) size 785x616
>+  RenderView at (0,0) size 785x600
>+layer at (0,0) size 785x616
>+  RenderBlock {HTML} at (0,0) size 785x616
>+    RenderBody {BODY} at (8,8) size 769x600
>+      RenderBlock {DIV} at (0,0) size 400x600
>+        RenderBlock (floating) {DIV} at (100,100) size 130x15
>+        RenderBlock (floating) {DIV} at (270,100) size 30x125
>+        RenderBlock (floating) {DIV} at (100,115) size 60x10
>+        RenderBlock (floating) {DIV} at (100,125) size 130x10
>+        RenderBlock (floating) {DIV} at (240,125) size 30x125
>+        RenderBlock (floating) {DIV} at (100,135) size 130x10
>+        RenderBlock (floating) {DIV} at (210,145) size 30x125
>diff --git a/LayoutTests/fast/block/block-only/floating-box-left-and-right-multiple-with-top-offset.html b/LayoutTests/fast/block/block-only/floating-box-left-and-right-multiple-with-top-offset.html
>new file mode 100644
>index 0000000000000000000000000000000000000000..8c86b3c386695b7c1f49dbfa836c491175567ea5
>--- /dev/null
>+++ b/LayoutTests/fast/block/block-only/floating-box-left-and-right-multiple-with-top-offset.html
>@@ -0,0 +1,14 @@
>+<!DOCTYPE html>
>+<html>
>+<body>
>+<div style="padding: 100px; width: 200px; height: 400px;">
>+    <div style="float: left; width: 130px; height: 15px;"></div>
>+    <div style="float: right; width: 30px; height: 125px;"></div>
>+    <div style="float: left; width: 60px; height: 10px;"></div>
>+    <div style="float: left; width: 130px; height: 10px;"></div>
>+    <div style="float: right; width: 30px; height: 125px;"></div>
>+    <div style="float: left; width: 130px; height: 10px;"></div>
>+    <div style="float: right; width: 30px; height: 125px;"></div>
>+</div>
>+</body>
>+</html>
>diff --git a/LayoutTests/fast/block/block-only/floating-box-left-and-right-multiple.html b/LayoutTests/fast/block/block-only/floating-box-left-and-right-multiple.html
>new file mode 100644
>index 0000000000000000000000000000000000000000..1f0b5489eb2ff6bd6b1c9c65ae4b5642959b36d8
>--- /dev/null
>+++ b/LayoutTests/fast/block/block-only/floating-box-left-and-right-multiple.html
>@@ -0,0 +1,14 @@
>+<!DOCTYPE html>
>+<html>
>+<body>
>+<div style="width: 200px; height: 400px;">
>+    <div style="float: left; width: 10px; height: 25px;"></div>
>+    <div style="float: right; width: 40px; height: 45px;"></div>
>+    <div style="float: left; width: 60px; height: 15px;"></div>
>+    <div style="float: left; width: 70px; height: 95px;"></div>
>+    <div style="float: right; width: 30px; height: 125px;"></div>
>+    <div style="float: right; width: 10px; height: 35px;"></div>
>+    <div style="float: left; width: 70px; height: 95px;"></div>
>+</div>
>+</body>
>+</html>
>diff --git a/LayoutTests/fast/block/block-only/floating-box-right-simple-expected.txt b/LayoutTests/fast/block/block-only/floating-box-right-simple-expected.txt
>new file mode 100644
>index 0000000000000000000000000000000000000000..dabead630dea547a42a2092c83ad57cf27aaf145
>--- /dev/null
>+++ b/LayoutTests/fast/block/block-only/floating-box-right-simple-expected.txt
>@@ -0,0 +1,17 @@
>+layer at (0,0) size 785x708
>+  RenderView at (0,0) size 785x600
>+layer at (0,0) size 785x708
>+  RenderBlock {HTML} at (0,0) size 785x708
>+    RenderBody {BODY} at (8,8) size 769x80
>+      RenderBlock {DIV} at (0,0) size 100x40
>+        RenderBlock (floating) {DIV} at (80,0) size 20x250
>+        RenderBlock (floating) {DIV} at (70,0) size 10x150
>+        RenderBlock (floating) {DIV} at (60,0) size 10x150
>+        RenderBlock (floating) {DIV} at (0,150) size 80x150
>+        RenderBlock (floating) {DIV} at (20,300) size 80x150
>+      RenderBlock {DIV} at (0,40) size 500x40
>+        RenderBlock (floating) {DIV} at (0,260) size 20x250
>+        RenderBlock (floating) {DIV} at (490,510) size 10x150
>+      RenderBlock (floating) {DIV} at (480,550) size 10x150
>+      RenderBlock (floating) {DIV} at (400,550) size 80x150
>+      RenderBlock (floating) {DIV} at (320,550) size 80x150
>diff --git a/LayoutTests/fast/block/block-only/floating-box-right-simple.html b/LayoutTests/fast/block/block-only/floating-box-right-simple.html
>new file mode 100644
>index 0000000000000000000000000000000000000000..6e77ea7c76649aeb24df7ec3049c307b5738e33f
>--- /dev/null
>+++ b/LayoutTests/fast/block/block-only/floating-box-right-simple.html
>@@ -0,0 +1,19 @@
>+<!DOCTYPE html>
>+<html>
>+<body>
>+<div style="width: 100px; height: 40px;">
>+    <div style="float: right; width: 20px; height: 250px;"></div>
>+    <div style="float: right; width: 10px; height: 150px;"></div>
>+    <div style="float: right; width: 10px; height: 150px;"></div>
>+    <div style="float: right; width: 80px; height: 150px;"></div>
>+    <div style="float: right; width: 80px; height: 150px;"></div>
>+</div>
>+<div style="width: 500px; height: 40px;">
>+    <div style="float: right; width: 20px; height: 250px;"></div>
>+    <div style="float: right; width: 10px; height: 150px;"></div>
>+</div>
>+    <div style="float: right; width: 10px; height: 150px;"></div>
>+    <div style="float: right; width: 80px; height: 150px;"></div>
>+    <div style="float: right; width: 80px; height: 150px;"></div>
>+</body>
>+</html>
>diff --git a/LayoutTests/fast/block/block-only/floating-box-with-clear-siblings-expected.txt b/LayoutTests/fast/block/block-only/floating-box-with-clear-siblings-expected.txt
>new file mode 100644
>index 0000000000000000000000000000000000000000..0aef51f2bdd884a730c3f0e7d800ff257be71ba1
>--- /dev/null
>+++ b/LayoutTests/fast/block/block-only/floating-box-with-clear-siblings-expected.txt
>@@ -0,0 +1,9 @@
>+layer at (0,0) size 800x600
>+  RenderView at (0,0) size 800x600
>+layer at (0,0) size 800x426
>+  RenderBlock {HTML} at (0,0) size 800x426
>+    RenderBody {BODY} at (8,8) size 784x410
>+      RenderBlock {DIV} at (0,0) size 100x40
>+        RenderBlock (floating) {DIV} at (0,0) size 50x250
>+      RenderBlock {DIV} at (0,250) size 10x10
>+      RenderBlock {DIV} at (0,260) size 50x150
>diff --git a/LayoutTests/fast/block/block-only/floating-box-with-clear-siblings.html b/LayoutTests/fast/block/block-only/floating-box-with-clear-siblings.html
>new file mode 100644
>index 0000000000000000000000000000000000000000..361c6e5772b7477fccf4347694cd4a27eb95cd29
>--- /dev/null
>+++ b/LayoutTests/fast/block/block-only/floating-box-with-clear-siblings.html
>@@ -0,0 +1,10 @@
>+<!DOCTYPE html>
>+<html>
>+<body>
>+<div style="width: 100px; height: 40px;">
>+    <div style="float: left; width: 50px; height: 250px;"></div>
>+</div>
>+<div style="clear: both; width: 10px; height: 10px;"></div>
>+<div style="width: 50px; height: 150px;"></div>
>+</body>
>+</html>
>diff --git a/LayoutTests/fast/block/block-only/floating-box-with-clear-simple-expected.txt b/LayoutTests/fast/block/block-only/floating-box-with-clear-simple-expected.txt
>new file mode 100644
>index 0000000000000000000000000000000000000000..d7a0c9b259a9acc94d964581fcffbef32dac7c9e
>--- /dev/null
>+++ b/LayoutTests/fast/block/block-only/floating-box-with-clear-simple-expected.txt
>@@ -0,0 +1,9 @@
>+layer at (0,0) size 800x600
>+  RenderView at (0,0) size 800x600
>+layer at (0,0) size 800x276
>+  RenderBlock {HTML} at (0,0) size 800x276
>+    RenderBody {BODY} at (8,8) size 784x260
>+      RenderBlock {DIV} at (0,0) size 100x40
>+        RenderBlock (floating) {DIV} at (0,0) size 50x150
>+        RenderBlock (floating) {DIV} at (50,0) size 50x250
>+      RenderBlock {DIV} at (0,250) size 10x10
>diff --git a/LayoutTests/fast/block/block-only/floating-box-with-clear-simple.html b/LayoutTests/fast/block/block-only/floating-box-with-clear-simple.html
>new file mode 100644
>index 0000000000000000000000000000000000000000..a1fef0d4237ea8370993467558c3722770ba0c8c
>--- /dev/null
>+++ b/LayoutTests/fast/block/block-only/floating-box-with-clear-simple.html
>@@ -0,0 +1,10 @@
>+<!DOCTYPE html>
>+<html>
>+<body>
>+<div style="width: 100px; height: 40px;">
>+    <div style="float: left; width: 50px; height: 150px;"></div>
>+    <div style="float: left; width: 50px; height: 250px;"></div>
>+</div>
>+<div style="clear: both; width: 10px; height: 10px;"></div>
>+</body>
>+</html>
>diff --git a/LayoutTests/fast/block/block-only/floating-box-with-new-formatting-context-expected.txt b/LayoutTests/fast/block/block-only/floating-box-with-new-formatting-context-expected.txt
>new file mode 100644
>index 0000000000000000000000000000000000000000..f503b6bdd96fd5d116aae7e26463760b9bfce15c
>--- /dev/null
>+++ b/LayoutTests/fast/block/block-only/floating-box-with-new-formatting-context-expected.txt
>@@ -0,0 +1,9 @@
>+layer at (0,0) size 800x600
>+  RenderView at (0,0) size 800x600
>+layer at (0,0) size 800x148
>+  RenderBlock {HTML} at (0,0) size 800x148
>+    RenderBody {BODY} at (8,8) size 784x40
>+      RenderBlock (floating) {DIV} at (100,40) size 10x100
>+layer at (38,8) size 100x40
>+  RenderBlock (relative positioned) {DIV} at (0,0) size 100x40
>+    RenderBlock (floating) {DIV} at (0,0) size 100x100
>diff --git a/LayoutTests/fast/block/block-only/floating-box-with-new-formatting-context.html b/LayoutTests/fast/block/block-only/floating-box-with-new-formatting-context.html
>new file mode 100644
>index 0000000000000000000000000000000000000000..81e3d8fa7ca4edef864b4708f174ac1d7cb7ae32
>--- /dev/null
>+++ b/LayoutTests/fast/block/block-only/floating-box-with-new-formatting-context.html
>@@ -0,0 +1,9 @@
>+<!DOCTYPE html>
>+<html>
>+<body>
>+<div style="position: relative; top: 0px; left: 30px; width: 100px; height: 40px;">
>+    <div style="float: left; width: 100px; height: 100px;"></div>
>+</div>
>+<div style="float: left; width: 10px; height: 100px;"></div>
>+</body>
>+</html>
>diff --git a/LayoutTests/fast/block/block-only/floating-box-with-relative-positioned-sibling-expected.txt b/LayoutTests/fast/block/block-only/floating-box-with-relative-positioned-sibling-expected.txt
>new file mode 100644
>index 0000000000000000000000000000000000000000..1032e5d348cee96011e2985d2ac0ead94e8e5548
>--- /dev/null
>+++ b/LayoutTests/fast/block/block-only/floating-box-with-relative-positioned-sibling-expected.txt
>@@ -0,0 +1,18 @@
>+layer at (0,0) size 800x600
>+  RenderView at (0,0) size 800x600
>+layer at (0,0) size 800x348
>+  RenderBlock {HTML} at (0,0) size 800x348
>+    RenderBody {BODY} at (8,8) size 784x120
>+      RenderBlock (floating) {DIV} at (0,40) size 10x100
>+      RenderBlock (floating) {DIV} at (100,140) size 10x100
>+      RenderBlock (floating) {DIV} at (110,140) size 10x100
>+      RenderBlock (floating) {DIV} at (100,240) size 10x100
>+layer at (38,18) size 100x40
>+  RenderBlock (relative positioned) {DIV} at (0,0) size 100x40
>+    RenderBlock (floating) {DIV} at (0,0) size 100x10
>+layer at (38,78) size 100x40
>+  RenderBlock (relative positioned) {DIV} at (0,40) size 100x40
>+    RenderBlock (floating) {DIV} at (0,100) size 100x10
>+layer at (38,128) size 100x40
>+  RenderBlock (relative positioned) {DIV} at (0,80) size 100x40
>+    RenderBlock (floating) {DIV} at (0,160) size 100x10
>diff --git a/LayoutTests/fast/block/block-only/floating-box-with-relative-positioned-sibling.html b/LayoutTests/fast/block/block-only/floating-box-with-relative-positioned-sibling.html
>new file mode 100644
>index 0000000000000000000000000000000000000000..f3047cf35e90373229032a2e41b3e3183665d5be
>--- /dev/null
>+++ b/LayoutTests/fast/block/block-only/floating-box-with-relative-positioned-sibling.html
>@@ -0,0 +1,18 @@
>+<!DOCTYPE html>
>+<html>
>+<body>
>+<div style="position: relative; top: 10px; left: 30px; width: 100px; height: 40px;">
>+    <div style="float: left; width: 100px; height: 10px;"></div>
>+</div>
>+<div style="float: left; width: 10px; height: 100px;"></div>
>+<div style="position: relative; top: 30px; left: 30px; width: 100px; height: 40px;">
>+    <div style="float: left; width: 100px; height: 10px;"></div>
>+</div>
>+<div style="float: left; width: 10px; height: 100px;"></div>
>+<div style="float: left; width: 10px; height: 100px;"></div>
>+<div style="position: relative; top: 40px; left: 30px; width: 100px; height: 40px;">
>+    <div style="float: left; width: 100px; height: 10px;"></div>
>+</div>
>+<div style="float: left; width: 10px; height: 100px;"></div>
>+</body>
>+</html>
>diff --git a/LayoutTests/fast/block/block-only/floating-left-right-simple-expected.txt b/LayoutTests/fast/block/block-only/floating-left-right-simple-expected.txt
>new file mode 100644
>index 0000000000000000000000000000000000000000..29f1ab6870e56606539bbd89e9b342fa898e045b
>--- /dev/null
>+++ b/LayoutTests/fast/block/block-only/floating-left-right-simple-expected.txt
>@@ -0,0 +1,9 @@
>+layer at (0,0) size 800x600
>+  RenderView at (0,0) size 800x600
>+layer at (0,0) size 800x216
>+  RenderBlock {HTML} at (0,0) size 800x216
>+    RenderBody {BODY} at (8,8) size 784x200
>+      RenderBlock {DIV} at (0,0) size 200x200
>+        RenderBlock {DIV} at (0,0) size 10x10
>+        RenderBlock (floating) {DIV} at (0,10) size 20x20
>+          RenderBlock {DIV} at (0,0) size 10x10
>diff --git a/LayoutTests/fast/block/block-only/floating-left-right-simple.html b/LayoutTests/fast/block/block-only/floating-left-right-simple.html
>new file mode 100644
>index 0000000000000000000000000000000000000000..554cad21efdf774046b0a68397171bab48a8f136
>--- /dev/null
>+++ b/LayoutTests/fast/block/block-only/floating-left-right-simple.html
>@@ -0,0 +1,10 @@
>+<!DOCTYPE html>
>+<html>
>+<body>
>+<div style="width: 200px; height: 200px;">
>+    <div style="width: 10px; height: 10px;"></div>
>+    <div style="float: left; width: 20px; height: 20px;">
>+    <div style="width: 10px; height: 10px;"></div>
>+</div>
>+</body>
>+</html>
>diff --git a/LayoutTests/fast/block/block-only/floating-left-right-with-all-margins-expected.txt b/LayoutTests/fast/block/block-only/floating-left-right-with-all-margins-expected.txt
>new file mode 100644
>index 0000000000000000000000000000000000000000..52cea1d02579981bec9740eaf910acd9bdcb270c
>--- /dev/null
>+++ b/LayoutTests/fast/block/block-only/floating-left-right-with-all-margins-expected.txt
>@@ -0,0 +1,46 @@
>+layer at (0,0) size 785x676
>+  RenderView at (0,0) size 785x600
>+layer at (0,0) size 785x676
>+  RenderBlock {HTML} at (0,0) size 785x676
>+    RenderBody {BODY} at (8,8) size 769x660
>+      RenderBlock {DIV} at (0,0) size 500x50
>+        RenderBlock (floating) {DIV} at (10,0) size 20x20
>+        RenderBlock (floating) {DIV} at (30,0) size 20x20
>+        RenderBlock (floating) {DIV} at (70,0) size 20x20
>+        RenderBlock (floating) {DIV} at (90,0) size 20x20
>+        RenderBlock (floating) {DIV} at (130,10) size 20x20
>+        RenderBlock (floating) {DIV} at (170,10) size 20x20
>+      RenderBlock {DIV} at (0,50) size 500x50
>+        RenderBlock (floating) {DIV} at (480,0) size 20x20
>+        RenderBlock (floating) {DIV} at (440,0) size 20x20
>+        RenderBlock (floating) {DIV} at (420,0) size 20x20
>+        RenderBlock (floating) {DIV} at (380,0) size 20x20
>+        RenderBlock (floating) {DIV} at (350,10) size 20x20
>+        RenderBlock (floating) {DIV} at (310,10) size 20x20
>+      RenderBlock {DIV} at (0,100) size 500x50
>+        RenderBlock (floating) {DIV} at (480,0) size 20x20
>+        RenderBlock (floating) {DIV} at (440,0) size 20x20
>+        RenderBlock (floating) {DIV} at (10,0) size 20x20
>+        RenderBlock (floating) {DIV} at (30,0) size 20x20
>+      RenderBlock {DIV} at (0,150) size 500x50
>+        RenderBlock (floating) {DIV} at (400,0) size 20x20
>+        RenderBlock (floating) {DIV} at (0,20) size 20x20
>+      RenderBlock {DIV} at (0,200) size 500x50
>+        RenderBlock (floating) {DIV} at (480,0) size 20x20
>+        RenderBlock (floating) {DIV} at (400,20) size 20x20
>+      RenderBlock {DIV} at (0,250) size 500x50
>+        RenderBlock (floating) {DIV} at (400,0) size 20x20
>+        RenderBlock (floating) {DIV} at (400,20) size 20x20
>+      RenderBlock {DIV} at (0,300) size 500x120
>+        RenderBlock (floating) {DIV} at (10,10) size 480x20
>+        RenderBlock (floating) {DIV} at (480,90) size 20x20
>+      RenderBlock {DIV} at (0,420) size 500x50
>+        RenderBlock (floating) {DIV} at (10,10) size 20x20
>+        RenderBlock (floating) {DIV} at (470,10) size 20x20
>+      RenderBlock {DIV} at (0,470) size 500x80
>+        RenderBlock (floating) {DIV} at (50,50) size 20x20
>+        RenderBlock (floating) {DIV} at (480,0) size 20x20
>+      RenderBlock {DIV} at (0,550) size 500x60
>+        RenderBlock (floating) {DIV} at (480,50) size 20x20
>+      RenderBlock {DIV} at (0,610) size 500x50
>+        RenderBlock (floating) {DIV} at (450,10) size 20x20
>diff --git a/LayoutTests/fast/block/block-only/floating-left-right-with-all-margins.html b/LayoutTests/fast/block/block-only/floating-left-right-with-all-margins.html
>new file mode 100644
>index 0000000000000000000000000000000000000000..0513ae4a9062f7fbe43342e9b338439f4ed657a9
>--- /dev/null
>+++ b/LayoutTests/fast/block/block-only/floating-left-right-with-all-margins.html
>@@ -0,0 +1,62 @@
>+<!DOCTYPE html>
>+<html>
>+<head>
>+<style>
>+div { outline: 1px solid green; }
>+</style>
>+</head>
>+<body>
>+<div style="width: 500px; height: 50px;">
>+  <div style="float: left; width: 20px; height: 20px; margin-left: 10px;"></div>
>+  <div style="float: left; width: 20px; height: 20px; margin-right: 10px;"></div>
>+  <div style="float: left; width: 20px; height: 20px; margin-left: 10px;"></div>
>+  <div style="float: left; width: 20px; height: 20px; margin-right: 10px;"></div>
>+  <div style="float: left; width: 20px; height: 20px; margin: 10px;"></div>
>+  <div style="float: left; width: 20px; height: 20px; margin: 10px;"></div>
>+</div>
>+<div style="width: 500px; height: 50px;">
>+  <div style="float: right; width: 20px; height: 20px; margin-left: 10px;"></div>
>+  <div style="float: right; width: 20px; height: 20px; margin-right: 10px;"></div>
>+  <div style="float: right; width: 20px; height: 20px; margin-left: 10px;"></div>
>+  <div style="float: right; width: 20px; height: 20px; margin-right: 10px;"></div>
>+  <div style="float: right; width: 20px; height: 20px; margin: 10px;"></div>
>+  <div style="float: right; width: 20px; height: 20px; margin: 10px;"></div>
>+</div>
>+<div style="width: 500px; height: 50px;">
>+  <div style="float: right; width: 20px; height: 20px; margin-left: 10px;"></div>
>+  <div style="float: right; width: 20px; height: 20px; margin-right: 10px;"></div>
>+  <div style="float: left; width: 20px; height: 20px; margin-left: 10px;"></div>
>+  <div style="float: left; width: 20px; height: 20px; margin-right: 10px;"></div>
>+</div>
>+<div style="width: 500px; height: 50px;">
>+  <div style="float: left; width: 20px; height: 20px; margin-left: 400px;"></div>
>+  <div style="float: left; width: 20px; height: 20px; margin-right: 80px;"></div>
>+</div>
>+<div style="width: 500px; height: 50px;">
>+  <div style="float: right; width: 20px; height: 20px; margin-left: 400px;"></div>
>+  <div style="float: right; width: 20px; height: 20px; margin-right: 80px;"></div>
>+</div>
>+<div style="width: 500px; height: 50px;">
>+  <div style="float: left; width: 20px; height: 20px; margin-left: 400px;"></div>
>+  <div style="float: right; width: 20px; height: 20px; margin-right: 80px;"></div>
>+</div>
>+<div style="width: 500px; height: 120px;">
>+  <div style="float: left; width: 480px; height: 20px; margin: 10px;"></div>
>+  <div style="float: right; width: 20px; height: 20px; margin-top: 50px;"></div>
>+</div>
>+<div style="width: 500px; height: 50px;">
>+  <div style="float: left; width: 20px; height: 20px; margin: 10px;"></div>
>+  <div style="float: right; width: 20px; height: 20px; margin: 10px;"></div>
>+</div>
>+<div style="width: 500px; height: 80px;">
>+  <div style="float: left; width: 20px; height: 20px; margin: 50px;"></div>
>+  <div style="float: right; width: 20px; height: 20px;"></div>
>+</div>
>+<div style="width: 500px; height: 60px;">
>+  <div style="float: right; width: 20px; height: 20px; margin-top: 50px;"></div>
>+</div>
>+<div style="width: 500px; height: 50px;">
>+  <div style="float: right; width: 20px; height: 20px; margin: 10px;"></div>
>+</div>
>+</body>
>+</html>
>diff --git a/LayoutTests/fast/block/block-only/floating-lefts-and-rights-simple-expected.txt b/LayoutTests/fast/block/block-only/floating-lefts-and-rights-simple-expected.txt
>new file mode 100644
>index 0000000000000000000000000000000000000000..b76af4981976584ea3d1c13ff93245afed34c2bd
>--- /dev/null
>+++ b/LayoutTests/fast/block/block-only/floating-lefts-and-rights-simple-expected.txt
>@@ -0,0 +1,8 @@
>+layer at (0,0) size 800x600
>+  RenderView at (0,0) size 800x600
>+layer at (0,0) size 800x124
>+  RenderBlock {HTML} at (0,0) size 800x124
>+    RenderBody {BODY} at (8,8) size 784x100
>+      RenderBlock (floating) {DIV} at (0,0) size 40x25
>+      RenderBlock {DIV} at (0,0) size 100x100
>+      RenderBlock (floating) {DIV} at (774,100) size 10x16
>diff --git a/LayoutTests/fast/block/block-only/floating-lefts-and-rights-simple.html b/LayoutTests/fast/block/block-only/floating-lefts-and-rights-simple.html
>new file mode 100644
>index 0000000000000000000000000000000000000000..a5a24a03205e7194164cc2bfb63294a5189d6aaf
>--- /dev/null
>+++ b/LayoutTests/fast/block/block-only/floating-lefts-and-rights-simple.html
>@@ -0,0 +1,9 @@
>+<!DOCTYPE html>
>+<html>
>+<body>
>+    <div style="float: left; width: 40px; height: 25px;"></div>
>+    <div style="width: 100px; height: 100px"></div>
>+    <div style="float: right; width: 10px; height: 16px;"></div>
>+</div>
>+</body>
>+</html>
>diff --git a/LayoutTests/fast/block/block-only/floating-multiple-lefts-expected.txt b/LayoutTests/fast/block/block-only/floating-multiple-lefts-expected.txt
>new file mode 100644
>index 0000000000000000000000000000000000000000..ba301a815a5fdbcda2aca3dcd3b3e21c6ace9756
>--- /dev/null
>+++ b/LayoutTests/fast/block/block-only/floating-multiple-lefts-expected.txt
>@@ -0,0 +1,14 @@
>+layer at (0,0) size 800x600
>+  RenderView at (0,0) size 800x600
>+layer at (0,0) size 800x216
>+  RenderBlock {HTML} at (0,0) size 800x216
>+    RenderBody {BODY} at (8,8) size 784x200
>+      RenderBlock {DIV} at (0,0) size 185x200
>+        RenderBlock (floating) {DIV} at (0,0) size 40x25
>+        RenderBlock (floating) {DIV} at (40,0) size 10x16
>+        RenderBlock (floating) {DIV} at (50,0) size 90x13
>+        RenderBlock (floating) {DIV} at (140,0) size 20x16
>+        RenderBlock (floating) {DIV} at (160,0) size 20x10
>+        RenderBlock (floating) {DIV} at (40,16) size 40x100
>+        RenderBlock (floating) {DIV} at (80,16) size 10x150
>+        RenderBlock (floating) {DIV} at (0,166) size 100x10
>diff --git a/LayoutTests/fast/block/block-only/floating-multiple-lefts-in-body-expected.txt b/LayoutTests/fast/block/block-only/floating-multiple-lefts-in-body-expected.txt
>new file mode 100644
>index 0000000000000000000000000000000000000000..08d90bd45e7575b77d6c23b5a5e3c221d6a32a70
>--- /dev/null
>+++ b/LayoutTests/fast/block/block-only/floating-multiple-lefts-in-body-expected.txt
>@@ -0,0 +1,18 @@
>+layer at (0,0) size 800x600
>+  RenderView at (0,0) size 800x600
>+layer at (0,0) size 800x458
>+  RenderBlock {HTML} at (0,0) size 800x458
>+    RenderBody {BODY} at (8,8) size 784x400
>+      RenderBlock (floating) {DIV} at (0,0) size 40x25
>+      RenderBlock {DIV} at (0,0) size 100x100
>+      RenderBlock (floating) {DIV} at (0,100) size 10x16
>+      RenderBlock (floating) {DIV} at (10,100) size 90x13
>+      RenderBlock {DIV} at (0,100) size 100x100
>+      RenderBlock (floating) {DIV} at (0,200) size 20x16
>+      RenderBlock (floating) {DIV} at (20,200) size 20x10
>+      RenderBlock (floating) {DIV} at (40,200) size 40x100
>+      RenderBlock {DIV} at (0,200) size 100x100
>+      RenderBlock (floating) {DIV} at (0,300) size 10x150
>+      RenderBlock (floating) {DIV} at (10,300) size 100x10
>+      RenderBlock {DIV} at (0,300) size 100x100
>+      RenderBlock (floating) {DIV} at (10,400) size 100x10
>diff --git a/LayoutTests/fast/block/block-only/floating-multiple-lefts-in-body.html b/LayoutTests/fast/block/block-only/floating-multiple-lefts-in-body.html
>new file mode 100644
>index 0000000000000000000000000000000000000000..0224a94e2e5f25161c4d8beda07cf403cacc5f2d
>--- /dev/null
>+++ b/LayoutTests/fast/block/block-only/floating-multiple-lefts-in-body.html
>@@ -0,0 +1,19 @@
>+<!DOCTYPE html>
>+<html>
>+<body>
>+    <div style="float: left; width: 40px; height: 25px;"></div>
>+    <div style="width: 100px; height: 100px"></div>
>+    <div style="float: left; width: 10px; height: 16px;"></div>
>+    <div style="float: left; width: 90px; height: 13px;"></div>
>+    <div style="width: 100px; height: 100px"></div>
>+    <div style="float: left; width: 20px; height: 16px;"></div>
>+    <div style="float: left; width: 20px; height: 10px;"></div>
>+    <div style="float: left; width: 40px; height: 100px;"></div>
>+    <div style="width: 100px; height: 100px"></div>
>+    <div style="float: left; width: 10px; height: 150px;"></div>
>+    <div style="float: left; width: 100px; height: 10px;"></div>
>+    <div style="width: 100px; height: 100px"></div>
>+    <div style="float: left; width: 100px; height: 10px;"></div>
>+</div>
>+</body>
>+</html>
>diff --git a/LayoutTests/fast/block/block-only/floating-multiple-lefts-multiple-lines-expected.txt b/LayoutTests/fast/block/block-only/floating-multiple-lefts-multiple-lines-expected.txt
>new file mode 100644
>index 0000000000000000000000000000000000000000..870572457b3c8e468ad0d2b6380f966ea63d3f70
>--- /dev/null
>+++ b/LayoutTests/fast/block/block-only/floating-multiple-lefts-multiple-lines-expected.txt
>@@ -0,0 +1,7 @@
>+layer at (0,0) size 800x600
>+  RenderView at (0,0) size 800x600
>+layer at (0,0) size 800x216
>+  RenderBlock {HTML} at (0,0) size 800x216
>+    RenderBody {BODY} at (8,8) size 784x200
>+      RenderBlock {DIV} at (0,0) size 185x200
>+        RenderBlock (floating) {DIV} at (0,0) size 40x25
>diff --git a/LayoutTests/fast/block/block-only/floating-multiple-lefts-multiple-lines.html b/LayoutTests/fast/block/block-only/floating-multiple-lefts-multiple-lines.html
>new file mode 100644
>index 0000000000000000000000000000000000000000..f8e94bec753ec3164c25ac65967ec6ba18d91295
>--- /dev/null
>+++ b/LayoutTests/fast/block/block-only/floating-multiple-lefts-multiple-lines.html
>@@ -0,0 +1,8 @@
>+<!DOCTYPE html>
>+<html>
>+<body>
>+<div style="width: 185px; height: 200px;">
>+    <div style="float: left; width: 40px; height: 25px;"></div>
>+</div>
>+</body>
>+</html>
>diff --git a/LayoutTests/fast/block/block-only/floating-multiple-lefts.html b/LayoutTests/fast/block/block-only/floating-multiple-lefts.html
>new file mode 100644
>index 0000000000000000000000000000000000000000..cada33a380578b2eb5c33751747d650550b78bc7
>--- /dev/null
>+++ b/LayoutTests/fast/block/block-only/floating-multiple-lefts.html
>@@ -0,0 +1,15 @@
>+<!DOCTYPE html>
>+<html>
>+<body>
>+<div style="width: 185px; height: 200px;">
>+    <div style="float: left; width: 40px; height: 25px;"></div>
>+    <div style="float: left; width: 10px; height: 16px;"></div>
>+    <div style="float: left; width: 90px; height: 13px;"></div>
>+    <div style="float: left; width: 20px; height: 16px;"></div>
>+    <div style="float: left; width: 20px; height: 10px;"></div>
>+    <div style="float: left; width: 40px; height: 100px;"></div>
>+    <div style="float: left; width: 10px; height: 150px;"></div>
>+    <div style="float: left; width: 100px; height: 10px;"></div>
>+</div>
>+</body>
>+</html>
>diff --git a/LayoutTests/fast/block/block-only/floating-with-new-block-formatting-context-expected.txt b/LayoutTests/fast/block/block-only/floating-with-new-block-formatting-context-expected.txt
>new file mode 100644
>index 0000000000000000000000000000000000000000..63f634f2188b091d2700ce780bd8078b950db5a1
>--- /dev/null
>+++ b/LayoutTests/fast/block/block-only/floating-with-new-block-formatting-context-expected.txt
>@@ -0,0 +1,15 @@
>+layer at (0,0) size 800x600
>+  RenderView at (0,0) size 800x600
>+layer at (0,0) size 800x116
>+  RenderBlock {HTML} at (0,0) size 800x116
>+    RenderBody {BODY} at (8,8) size 784x100
>+      RenderBlock {DIV} at (0,0) size 400x100
>+        RenderBlock (floating) {DIV} at (0,0) size 50x25
>+        RenderBlock (floating) {DIV} at (50,0) size 50x50
>+        RenderBlock (floating) {DIV} at (100,0) size 50x5
>+        RenderBlock (floating) {DIV} at (150,0) size 50x40
>+        RenderBlock (floating) {DIV} at (220,0) size 180x80
>+layer at (108,48) size 50x50
>+  RenderBlock {DIV} at (100,40) size 50x50
>+layer at (8,98) size 50x50
>+  RenderBlock {DIV} at (0,90) size 50x50
>diff --git a/LayoutTests/fast/block/block-only/floating-with-new-block-formatting-context.html b/LayoutTests/fast/block/block-only/floating-with-new-block-formatting-context.html
>new file mode 100644
>index 0000000000000000000000000000000000000000..2b59fa80dce9163c8d75ca1dabd94f7d697037a9
>--- /dev/null
>+++ b/LayoutTests/fast/block/block-only/floating-with-new-block-formatting-context.html
>@@ -0,0 +1,15 @@
>+<!DOCTYPE html>
>+<html>
>+<body>
>+<div style="width: 400px; height: 100px;">
>+    <div style="float: left; width: 50px; height: 25px;"></div>
>+    <div style="float: left; width: 50px; height: 50px;"></div>
>+    <div style="float: left; width: 50px; height: 5px;"></div>
>+    <div style="float: left; width: 50px; height: 40px;"></div>
>+    <div style="float: right; width: 180px; height: 80px;"></div>
>+    <div style="overflow:hidden; width: 50px; height: 50px;">
>+</div>
>+<div style="overflow:hidden; width: 50px; height: 50px;">
>+</div>
>+</body>
>+</html>
>diff --git a/LayoutTests/fast/block/block-only/margin-collapse-bottom-bottom-expected.txt b/LayoutTests/fast/block/block-only/margin-collapse-bottom-bottom-expected.txt
>new file mode 100644
>index 0000000000000000000000000000000000000000..0abdad341f06de051b84edea478f9ed9e05eb5f2
>--- /dev/null
>+++ b/LayoutTests/fast/block/block-only/margin-collapse-bottom-bottom-expected.txt
>@@ -0,0 +1,12 @@
>+layer at (0,0) size 800x600
>+  RenderView at (0,0) size 800x600
>+layer at (0,0) size 800x127
>+  RenderBlock {HTML} at (0,0) size 800x127
>+    RenderBody {BODY} at (8,8) size 784x111
>+      RenderBlock {DIV} at (0,0) size 20x20
>+        RenderBlock {DIV} at (0,0) size 20x20
>+      RenderBlock {DIV} at (0,40) size 20x20
>+      RenderBlock {DIV} at (0,60) size 1x1
>+      RenderBlock {DIV} at (0,61) size 20x20
>+        RenderBlock {DIV} at (0,0) size 20x20
>+      RenderBlock {DIV} at (0,91) size 20x20
>diff --git a/LayoutTests/fast/block/block-only/margin-collapse-bottom-bottom.html b/LayoutTests/fast/block/block-only/margin-collapse-bottom-bottom.html
>new file mode 100644
>index 0000000000000000000000000000000000000000..119144477e5f227751d3932fd6ae598bf3e653ec
>--- /dev/null
>+++ b/LayoutTests/fast/block/block-only/margin-collapse-bottom-bottom.html
>@@ -0,0 +1,14 @@
>+<!DOCTYPE html>
>+<html>
>+<body>
>+    <div style="width: 20px; height: auto;">
>+        <div style="margin-bottom: 20px; width: 20px; height: 20px;"></div>
>+    </div>
>+    <div style="margin-top: 10px; width: 20px; height: 20px;"></div>
>+    <div style="width: 1px; height: 1px; border: 0px solid transparent;"></div>
>+    <div style="width: 20px; height: 20px;">
>+        <div style="margin-bottom: 20px; width: 20px; height: 20px;"></div>
>+    </div>
>+    <div style="margin-top: 10px; width: 20px; height: 20px;"></div>
>+</body>
>+</html>
>diff --git a/LayoutTests/fast/block/block-only/margin-collapse-bottom-nested-expected.txt b/LayoutTests/fast/block/block-only/margin-collapse-bottom-nested-expected.txt
>new file mode 100644
>index 0000000000000000000000000000000000000000..0bca16f424e66b3c3e4d8bd4c4f37ed0d5e6407d
>--- /dev/null
>+++ b/LayoutTests/fast/block/block-only/margin-collapse-bottom-nested-expected.txt
>@@ -0,0 +1,11 @@
>+layer at (0,0) size 800x600
>+  RenderView at (0,0) size 800x600
>+layer at (0,0) size 800x66
>+  RenderBlock {HTML} at (0,0) size 800x66
>+    RenderBody {BODY} at (8,8) size 784x50
>+      RenderBlock {DIV} at (0,0) size 20x20
>+        RenderBlock {DIV} at (0,0) size 20x20
>+          RenderBlock {DIV} at (0,0) size 20x20
>+            RenderBlock {DIV} at (0,0) size 20x20
>+              RenderBlock {DIV} at (0,0) size 20x20
>+      RenderBlock {DIV} at (0,30) size 20x20
>diff --git a/LayoutTests/fast/block/block-only/margin-collapse-bottom-nested.html b/LayoutTests/fast/block/block-only/margin-collapse-bottom-nested.html
>new file mode 100644
>index 0000000000000000000000000000000000000000..6932fb147d876b5d2bef47de4cb27e38fb4e6ca7
>--- /dev/null
>+++ b/LayoutTests/fast/block/block-only/margin-collapse-bottom-nested.html
>@@ -0,0 +1,15 @@
>+<!DOCTYPE html>
>+<html>
>+<body>
>+    <div style="width: 20px; height: auto;">
>+        <div style="margin-bottom: 1px; width: 20px; height: 20px;">
>+            <div style="margin-bottom: 5px; width: 20px; height: 20px;">
>+                <div style="margin-bottom: 10px; width: 20px; height: 20px;">
>+                    <div style="margin-bottom: 20px; width: 20px; height: 20px;"></div>
>+                </div>
>+            </div>
>+        </div>
>+    </div>
>+    <div style="margin-top: 10px; width: 20px; height: 20px;"></div>
>+</body>
>+</html>
>diff --git a/LayoutTests/fast/block/block-only/margin-collapse-first-last-are-floating-expected.txt b/LayoutTests/fast/block/block-only/margin-collapse-first-last-are-floating-expected.txt
>new file mode 100644
>index 0000000000000000000000000000000000000000..7d4e60f781739c15f5af5cd5d28d53d62e6376cd
>--- /dev/null
>+++ b/LayoutTests/fast/block/block-only/margin-collapse-first-last-are-floating-expected.txt
>@@ -0,0 +1,12 @@
>+layer at (0,0) size 800x600
>+  RenderView at (0,0) size 800x600
>+layer at (0,0) size 800x370
>+  RenderBlock {HTML} at (0,0) size 800x370
>+    RenderBody {BODY} at (8,10) size 784x320
>+      RenderBlock {DIV} at (0,0) size 100x100
>+        RenderBlock (floating) {DIV} at (0,0) size 20x10
>+        RenderBlock {DIV} at (10,0) size 50x50
>+      RenderBlock {DIV} at (0,130) size 100x100
>+        RenderBlock {DIV} at (30,0) size 50x50
>+        RenderBlock (floating) {DIV} at (0,80) size 20x10
>+      RenderBlock {DIV} at (40,270) size 50x50
>diff --git a/LayoutTests/fast/block/block-only/margin-collapse-first-last-are-floating.html b/LayoutTests/fast/block/block-only/margin-collapse-first-last-are-floating.html
>new file mode 100644
>index 0000000000000000000000000000000000000000..8aed08d76a76710563fc38a991a49554ad8c7391
>--- /dev/null
>+++ b/LayoutTests/fast/block/block-only/margin-collapse-first-last-are-floating.html
>@@ -0,0 +1,14 @@
>+<!DOCTYPE html>
>+<html>
>+<body>
>+<div style="width: 100px; height: 100px;">
>+    <div style="float: left; width: 20px; height: 10px;"></div>
>+    <div style="margin: 10px; width: 50px; height: 50px;"></div>
>+</div>
>+<div style="width: 100px; height: 100px;">
>+    <div style="margin: 30px; width: 50px; height: 50px;"></div>
>+    <div style="float: left; width: 20px; height: 10px;"></div>
>+</div>
>+<div style="margin: 40px; width: 50px; height: 50px;"></div>
>+</body>
>+</html>
>diff --git a/LayoutTests/fast/block/block-only/margin-collapse-simple-expected.txt b/LayoutTests/fast/block/block-only/margin-collapse-simple-expected.txt
>new file mode 100644
>index 0000000000000000000000000000000000000000..62f194eee8a3c83747321fc22ed868865bea0c97
>--- /dev/null
>+++ b/LayoutTests/fast/block/block-only/margin-collapse-simple-expected.txt
>@@ -0,0 +1,7 @@
>+layer at (0,0) size 800x600
>+  RenderView at (0,0) size 800x600
>+layer at (0,0) size 800x60
>+  RenderBlock {HTML} at (0,0) size 800x60
>+    RenderBody {BODY} at (8,20) size 784x20
>+      RenderBlock {DIV} at (20,0) size 20x20
>+        RenderBlock {DIV} at (0,0) size 20x20
>diff --git a/LayoutTests/fast/block/block-only/margin-collapse-simple.html b/LayoutTests/fast/block/block-only/margin-collapse-simple.html
>new file mode 100644
>index 0000000000000000000000000000000000000000..7b5f60bbcae056fc30d3989037ff647ce4050dd9
>--- /dev/null
>+++ b/LayoutTests/fast/block/block-only/margin-collapse-simple.html
>@@ -0,0 +1,8 @@
>+<!DOCTYPE html>
>+<html>
>+<body>
>+    <div style="margin: 20px; width: 20px; height: 20px;">
>+        <div style="margin-top: 20px; width: 20px; height: 20px;"></div>
>+    </div>
>+</body>
>+</html>
>diff --git a/LayoutTests/fast/block/block-only/margin-collapse-top-nested-expected.txt b/LayoutTests/fast/block/block-only/margin-collapse-top-nested-expected.txt
>new file mode 100644
>index 0000000000000000000000000000000000000000..1bf1fdd1f3361793b3aca7acc96b1cce4f70a5ab
>--- /dev/null
>+++ b/LayoutTests/fast/block/block-only/margin-collapse-top-nested-expected.txt
>@@ -0,0 +1,8 @@
>+layer at (0,0) size 800x600
>+  RenderView at (0,0) size 800x600
>+layer at (0,0) size 800x58
>+  RenderBlock {HTML} at (0,0) size 800x58
>+    RenderBody {BODY} at (8,8) size 784x40
>+      RenderBlock {DIV} at (0,0) size 60x40
>+        RenderBlock {DIV} at (0,0) size 60x40
>+          RenderBlock {DIV} at (0,0) size 60x40
>diff --git a/LayoutTests/fast/block/block-only/margin-collapse-top-nested.html b/LayoutTests/fast/block/block-only/margin-collapse-top-nested.html
>new file mode 100644
>index 0000000000000000000000000000000000000000..95f0d59d0e63455bcdcd74b230f062d9a7264037
>--- /dev/null
>+++ b/LayoutTests/fast/block/block-only/margin-collapse-top-nested.html
>@@ -0,0 +1,10 @@
>+<!DOCTYPE html>
>+<html>
>+<body>
>+    <div style="margin-bottom: 10px; width: 60px; height: 40px;">
>+        <div style="margin-bottom: 10px; width: 60px; height: 40px;">
>+            <div style="margin-bottom: 20px; width: 60px; height: 40px;"></div>
>+        </div>
>+    </div>
>+</body>
>+</html>
>diff --git a/LayoutTests/fast/block/block-only/margin-collapse-when-child-has-padding-border-expected.txt b/LayoutTests/fast/block/block-only/margin-collapse-when-child-has-padding-border-expected.txt
>new file mode 100644
>index 0000000000000000000000000000000000000000..7af6810300b0a693c2ea24d2dc4e8e83366ed21d
>--- /dev/null
>+++ b/LayoutTests/fast/block/block-only/margin-collapse-when-child-has-padding-border-expected.txt
>@@ -0,0 +1,9 @@
>+layer at (0,0) size 800x600
>+  RenderView at (0,0) size 800x600
>+layer at (0,0) size 800x56
>+  RenderBlock {HTML} at (0,0) size 800x56
>+    RenderBody {BODY} at (8,-2) size 784x50
>+      RenderBlock {DIV} at (0,0) size 200x20
>+        RenderBlock {DIV} at (-10,0) size 110x210
>+      RenderBlock {DIV} at (0,30) size 200x20
>+        RenderBlock {DIV} at (10,0) size 100x200
>diff --git a/LayoutTests/fast/block/block-only/margin-collapse-when-child-has-padding-border.html b/LayoutTests/fast/block/block-only/margin-collapse-when-child-has-padding-border.html
>new file mode 100644
>index 0000000000000000000000000000000000000000..95bafa1f080d9336f6424972ceace70311f4d790
>--- /dev/null
>+++ b/LayoutTests/fast/block/block-only/margin-collapse-when-child-has-padding-border.html
>@@ -0,0 +1,11 @@
>+<!DOCTYPE html>
>+<html>
>+<body>
>+<div style="width: 200px; height: 20px;">
>+    <div style="margin: -10px; padding: 5px; width: 100px; height: 200px;"></div>
>+</div>
>+<div style="width: 200px; height: 20px;">
>+    <div style="margin: 10px; border: 5px; width: 100px; height: 200px;"></div>
>+</div>
>+</body>
>+</html>
>diff --git a/LayoutTests/fast/block/block-only/margin-collapse-with-block-formatting-context-expected.txt b/LayoutTests/fast/block/block-only/margin-collapse-with-block-formatting-context-expected.txt
>new file mode 100644
>index 0000000000000000000000000000000000000000..ade8f32ed568df1f81c6b484e69357cca6bcd589
>--- /dev/null
>+++ b/LayoutTests/fast/block/block-only/margin-collapse-with-block-formatting-context-expected.txt
>@@ -0,0 +1,9 @@
>+layer at (0,0) size 800x600
>+  RenderView at (0,0) size 800x600
>+layer at (0,0) size 800x106
>+  RenderBlock {HTML} at (0,0) size 800x106
>+    RenderBody {BODY} at (8,8) size 784x90
>+      RenderBlock {DIV} at (0,80) size 20x10
>+layer at (8,8) size 20x70
>+  RenderBlock {DIV} at (0,0) size 20x70
>+    RenderBlock {DIV} at (0,0) size 20x50
>diff --git a/LayoutTests/fast/block/block-only/margin-collapse-with-block-formatting-context.html b/LayoutTests/fast/block/block-only/margin-collapse-with-block-formatting-context.html
>new file mode 100644
>index 0000000000000000000000000000000000000000..d2ebcde7e05f2875a21298723f647ae044850b74
>--- /dev/null
>+++ b/LayoutTests/fast/block/block-only/margin-collapse-with-block-formatting-context.html
>@@ -0,0 +1,9 @@
>+<!DOCTYPE html>
>+<html>
>+<body>
>+    <div style="overflow: hidden; width: 20px; height: auto;">
>+        <div style="margin-bottom: 20px; width: 20px; height: 50px;"></div>
>+    </div>
>+    <div style="margin-top: 10px; width: 20px; height: 10px;"></div>
>+</body>
>+</html>
>diff --git a/LayoutTests/fast/block/block-only/margin-collapse-with-block-formatting-context2-expected.txt b/LayoutTests/fast/block/block-only/margin-collapse-with-block-formatting-context2-expected.txt
>new file mode 100644
>index 0000000000000000000000000000000000000000..6da1b06089415238e236b3369075b3704bf8c5c8
>--- /dev/null
>+++ b/LayoutTests/fast/block/block-only/margin-collapse-with-block-formatting-context2-expected.txt
>@@ -0,0 +1,14 @@
>+layer at (0,0) size 800x600
>+  RenderView at (0,0) size 800x600
>+layer at (0,0) size 800x346
>+  RenderBlock {HTML} at (0,0) size 800x346
>+    RenderBody {BODY} at (8,8) size 784x330
>+      RenderBlock {DIV} at (0,280) size 40x50
>+layer at (8,8) size 30x70
>+  RenderBlock {DIV} at (0,0) size 30x70
>+    RenderBlock {DIV} at (0,0) size 20x50
>+      RenderBlock {DIV} at (0,0) size 20x50
>+layer at (8,78) size 50x160
>+  RenderBlock {DIV} at (0,70) size 50x160
>+    RenderBlock {DIV} at (0,0) size 40x50
>+    RenderBlock {DIV} at (0,110) size 40x50
>diff --git a/LayoutTests/fast/block/block-only/margin-collapse-with-block-formatting-context2.html b/LayoutTests/fast/block/block-only/margin-collapse-with-block-formatting-context2.html
>new file mode 100644
>index 0000000000000000000000000000000000000000..4b35b317b52f7a26fea41019d4e99eb9f7d3f6b3
>--- /dev/null
>+++ b/LayoutTests/fast/block/block-only/margin-collapse-with-block-formatting-context2.html
>@@ -0,0 +1,15 @@
>+<!DOCTYPE html>
>+<html>
>+<body>
>+    <div style="overflow: hidden; width: 30px; height: auto;">
>+        <div style="margin-bottom: 20px; width: 20px; height: 50px;">
>+            <div style="margin-bottom: 40px; width: 20px; height: 50px;"></div>
>+        </div>
>+    </div>
>+    <div style="overflow: hidden; width: 50px; height: auto;">
>+        <div style="margin-bottom: 50px; width: 40px; height: 50px;"></div>
>+        <div style="margin-top: 60px; width: 40px; height: 50px;"></div>
>+    </div>
>+    <div style="margin-top: 50px; width: 40px; height: 50px;"></div>
>+</body>
>+</html>
>diff --git a/LayoutTests/fast/block/block-only/margin-left-right-sizing-expected.txt b/LayoutTests/fast/block/block-only/margin-left-right-sizing-expected.txt
>new file mode 100644
>index 0000000000000000000000000000000000000000..3c0358e4d5e9186fcec53ae3e6781b545665d3ed
>--- /dev/null
>+++ b/LayoutTests/fast/block/block-only/margin-left-right-sizing-expected.txt
>@@ -0,0 +1,10 @@
>+layer at (0,0) size 797x908
>+  RenderView at (0,0) size 785x585
>+layer at (0,0) size 785x908
>+  RenderBlock {HTML} at (0,0) size 785x908
>+    RenderBody {BODY} at (8,8) size 769x700
>+      RenderBlock {DIV} at (200,0) size 569x100
>+      RenderBlock {DIV} at (-20,100) size 789x100
>+      RenderBlock {DIV} at (0,200) size 569x100
>+      RenderBlock {DIV} at (0,300) size 789x100
>+      RenderBlock {DIV} at (200,600) size 369x100
>diff --git a/LayoutTests/fast/block/block-only/margin-left-right-sizing-out-of-flow-expected.txt b/LayoutTests/fast/block/block-only/margin-left-right-sizing-out-of-flow-expected.txt
>new file mode 100644
>index 0000000000000000000000000000000000000000..ca567fc9b6ff5142f4b68fc0c2320798355a6491
>--- /dev/null
>+++ b/LayoutTests/fast/block/block-only/margin-left-right-sizing-out-of-flow-expected.txt
>@@ -0,0 +1,15 @@
>+layer at (0,0) size 785x640
>+  RenderView at (0,0) size 785x600
>+layer at (0,0) size 785x8
>+  RenderBlock {HTML} at (0,0) size 785x8
>+    RenderBody {BODY} at (8,8) size 769x0
>+layer at (210,10) size 100x50
>+  RenderBlock (positioned) {DIV} at (210,10) size 100x50
>+layer at (275,60) size 100x50
>+  RenderBlock (positioned) {DIV} at (275,60) size 100x50
>+layer at (408,90) size 100x50
>+  RenderBlock (positioned) {DIV} at (408,90) size 100x50
>+layer at (8,140) size 100x50
>+  RenderBlock (positioned) {DIV} at (8,140) size 100x50
>+layer at (408,590) size 100x50
>+  RenderBlock (positioned) {DIV} at (408,590) size 100x50
>diff --git a/LayoutTests/fast/block/block-only/margin-left-right-sizing-out-of-flow.html b/LayoutTests/fast/block/block-only/margin-left-right-sizing-out-of-flow.html
>new file mode 100644
>index 0000000000000000000000000000000000000000..0673c1328563eac728fcf37194fd4e6a608a81c0
>--- /dev/null
>+++ b/LayoutTests/fast/block/block-only/margin-left-right-sizing-out-of-flow.html
>@@ -0,0 +1,10 @@
>+<!DOCTYPE html>
>+<html>
>+<body>
>+<div style="position: absolute; top: 10px; left: 10px; margin-left: 200px; width: 100px; height: 50px;"></div>
>+<div style="position: absolute; top: 60px; right: 10px; margin-right: 400px; width: 100px; height: 50px;"></div>
>+<div style="position: absolute; top: 90px; margin-left: 400px; width: 100px; height: 50px;"></div>
>+<div style="position: absolute; top: 140px; margin-right: 400px; width: 100px; height: 50px;"></div>
>+<div style="position: absolute; top: 190px; margin: 400px; width: 100px; height: 50px;"></div>
>+</body>
>+</html>
>diff --git a/LayoutTests/fast/block/block-only/margin-left-right-sizing.html b/LayoutTests/fast/block/block-only/margin-left-right-sizing.html
>new file mode 100644
>index 0000000000000000000000000000000000000000..4802407d6209022d6338c9ef87af3a95382095bf
>--- /dev/null
>+++ b/LayoutTests/fast/block/block-only/margin-left-right-sizing.html
>@@ -0,0 +1,10 @@
>+<!DOCTYPE html>
>+<html>
>+<body>
>+<div style="margin-left: 200px; height: 100px;"></div>
>+<div style="margin-left: -20px; height: 100px;"></div>
>+<div style="margin-right: 200px; height: 100px;"></div>
>+<div style="margin-right: -20px; height: 100px;"></div>
>+<div style="margin: 200px; height: 100px;"></div>
>+</body>
>+</html>
>diff --git a/LayoutTests/fast/block/block-only/margin-propagation-simple-content-height-expected.txt b/LayoutTests/fast/block/block-only/margin-propagation-simple-content-height-expected.txt
>new file mode 100644
>index 0000000000000000000000000000000000000000..282d91ca500a7018273d64e7e54e5c350bd067e7
>--- /dev/null
>+++ b/LayoutTests/fast/block/block-only/margin-propagation-simple-content-height-expected.txt
>@@ -0,0 +1,9 @@
>+layer at (0,0) size 800x600
>+  RenderView at (0,0) size 800x600
>+layer at (0,0) size 800x60
>+  RenderBlock {HTML} at (0,0) size 800x60
>+    RenderBody {BODY} at (8,20) size 784x20
>+      RenderBlock {DIV} at (0,0) size 784x10
>+        RenderBlock {DIV} at (0,0) size 10x10
>+      RenderBlock {DIV} at (0,10) size 784x10
>+        RenderBlock {DIV} at (0,0) size 10x10
>diff --git a/LayoutTests/fast/block/block-only/margin-propagation-simple-content-height.html b/LayoutTests/fast/block/block-only/margin-propagation-simple-content-height.html
>new file mode 100644
>index 0000000000000000000000000000000000000000..da6eb1c7722234830aa11241b2cd072981bf2740
>--- /dev/null
>+++ b/LayoutTests/fast/block/block-only/margin-propagation-simple-content-height.html
>@@ -0,0 +1,7 @@
>+<!DOCTYPE html>
>+<html>
>+<body>
>+<div style="margin-top: 10px;"><div style="width: 10px; height: 10px; margin-top: 20px;"></div></div>
>+<div style="margin-bottom: 10px;"><div style="width: 10px; height: 10px; margin-bottom: 20px;"></div></div>
>+</body>
>+</html>
>diff --git a/LayoutTests/fast/block/block-only/margin-sibling-collapse-propagated-expected.txt b/LayoutTests/fast/block/block-only/margin-sibling-collapse-propagated-expected.txt
>new file mode 100644
>index 0000000000000000000000000000000000000000..6e8b818b1835f6f53be6b6df31aede4193ce6761
>--- /dev/null
>+++ b/LayoutTests/fast/block/block-only/margin-sibling-collapse-propagated-expected.txt
>@@ -0,0 +1,13 @@
>+layer at (0,0) size 785x826
>+  RenderView at (0,0) size 785x600
>+layer at (0,0) size 785x826
>+  RenderBlock {HTML} at (0,0) size 785x826
>+    RenderBody {BODY} at (8,8) size 769x810
>+      RenderBlock {DIV} at (0,0) size 10x10
>+        RenderBlock {DIV} at (0,0) size 10x10
>+      RenderBlock {DIV} at (0,60) size 200x200
>+      RenderBlock {DIV} at (0,260) size 10x100
>+        RenderBlock {DIV} at (0,0) size 10x10
>+      RenderBlock {DIV} at (0,260) size 200x200
>+      RenderBlock {DIV} at (0,460) size 10x100
>+      RenderBlock {DIV} at (0,610) size 200x200
>diff --git a/LayoutTests/fast/block/block-only/margin-sibling-collapse-propagated.html b/LayoutTests/fast/block/block-only/margin-sibling-collapse-propagated.html
>new file mode 100644
>index 0000000000000000000000000000000000000000..a8cfc8b24c8536c602a79da8f7fa694ee00cad66
>--- /dev/null
>+++ b/LayoutTests/fast/block/block-only/margin-sibling-collapse-propagated.html
>@@ -0,0 +1,18 @@
>+<!DOCTYPE html>
>+<html>
>+<body>
>+<div style="width: 10px; height: auto;">
>+    <div style="margin-bottom: 150px; width: 10px; height: 10px;"></div>
>+</div>
>+<div style="margin-top: -100px; width: 200px; height: 200px;"></div>
>+
>+<div style="width: 10px; height: 100px;">
>+    <div style="margin-bottom: 150px; width: 10px; height: 10px;"></div>
>+</div>
>+<div style="margin-top: -100px; width: 200px; height: 200px;"></div>
>+
>+<div style="margin-bottom: 150px; width: 10px; height: 100px;"></div>
>+<div style="margin-top: -100px; width: 200px; height: 200px;"></div>
>+
>+</body>
>+</html>
>diff --git a/LayoutTests/fast/block/block-only/margin-simple-expected.txt b/LayoutTests/fast/block/block-only/margin-simple-expected.txt
>new file mode 100644
>index 0000000000000000000000000000000000000000..4ccccedceb5f22e8169008a5f36d97b5cee2089f
>--- /dev/null
>+++ b/LayoutTests/fast/block/block-only/margin-simple-expected.txt
>@@ -0,0 +1,8 @@
>+layer at (0,0) size 800x600
>+  RenderView at (0,0) size 800x600
>+layer at (0,0) size 800x288
>+  RenderBlock {HTML} at (0,0) size 800x288
>+    RenderBody {BODY} at (8,20) size 784x260
>+      RenderBlock {DIV} at (0,0) size 100x100
>+      RenderBlock {DIV} at (0,100) size 60x40
>+      RenderBlock {DIV} at (0,160) size 100x100
>diff --git a/LayoutTests/fast/block/block-only/margin-simple.html b/LayoutTests/fast/block/block-only/margin-simple.html
>new file mode 100644
>index 0000000000000000000000000000000000000000..edad30a25bc0ee834fbafd3fba980ae9143e6c7c
>--- /dev/null
>+++ b/LayoutTests/fast/block/block-only/margin-simple.html
>@@ -0,0 +1,8 @@
>+<!DOCTYPE html>
>+<html>
>+<body>
>+<div style="margin-top: 20px; width: 100px; height: 100px;"></div>
>+<div style="margin-bottom: 20px; width: 60px; height: 40px;"></div>
>+<div style="margin-top: 20px; width: 100px; height: 100px;"></div>
>+</body>
>+</html>
>diff --git a/LayoutTests/fast/block/block-only/negative-margin-simple-expected.txt b/LayoutTests/fast/block/block-only/negative-margin-simple-expected.txt
>new file mode 100644
>index 0000000000000000000000000000000000000000..3ae43573b2208c32527a7d1f2935fdc97b6c676b
>--- /dev/null
>+++ b/LayoutTests/fast/block/block-only/negative-margin-simple-expected.txt
>@@ -0,0 +1,12 @@
>+layer at (0,0) size 800x600
>+  RenderView at (0,0) size 800x600
>+layer at (0,0) size 800x582
>+  RenderBlock {HTML} at (0,0) size 800x582
>+    RenderBody {BODY} at (8,4) size 784x580
>+      RenderBlock {DIV} at (0,0) size 200x200
>+        RenderBlock {DIV} at (-4,0) size 20x30
>+      RenderBlock {DIV} at (-10,190) size 200x200
>+        RenderBlock {DIV} at (-4,0) size 20x30
>+      RenderBlock {DIV} at (-10,380) size 200x200
>+        RenderBlock {DIV} at (-4,0) size 20x30
>+          RenderBlock {DIV} at (1,1) size 20x30
>diff --git a/LayoutTests/fast/block/block-only/negative-margin-simple.html b/LayoutTests/fast/block/block-only/negative-margin-simple.html
>new file mode 100644
>index 0000000000000000000000000000000000000000..01c75445a797f88976922554093f716faa4805ab
>--- /dev/null
>+++ b/LayoutTests/fast/block/block-only/negative-margin-simple.html
>@@ -0,0 +1,16 @@
>+<!DOCTYPE html>
>+<html>
>+<body>
>+<div style="width: 200px; height: 200px;">
>+    <div style="margin: -4px; padding: 5px; width: 10px; height: 20px;"></div>
>+</div>
>+<div style="margin: -10px; width: 200px; height: 200px;">
>+    <div style="margin: -4px; padding: 5px; width: 10px; height: 20px;"></div>
>+</div>
>+<div style="margin: -10px; width: 200px; height: 200px;">
>+    <div style="margin: -4px; padding: 5px; width: 10px; height: 20px;">
>+        <div style="margin: -4px; padding: 5px; width: 10px; height: 20px;"></div>
>+    </div>
>+</div>
>+</body>
>+</html>
>diff --git a/LayoutTests/fast/block/block-only/padding-nested-expected.txt b/LayoutTests/fast/block/block-only/padding-nested-expected.txt
>new file mode 100644
>index 0000000000000000000000000000000000000000..8df2e9692a07003fa71480e531aeae8361d935a0
>--- /dev/null
>+++ b/LayoutTests/fast/block/block-only/padding-nested-expected.txt
>@@ -0,0 +1,7 @@
>+layer at (0,0) size 800x600
>+  RenderView at (0,0) size 800x600
>+layer at (0,0) size 800x156
>+  RenderBlock {HTML} at (0,0) size 800x156
>+    RenderBody {BODY} at (8,8) size 784x140
>+      RenderBlock {DIV} at (0,0) size 140x140
>+        RenderBlock {DIV} at (20,20) size 40x40
>diff --git a/LayoutTests/fast/block/block-only/padding-nested.html b/LayoutTests/fast/block/block-only/padding-nested.html
>new file mode 100644
>index 0000000000000000000000000000000000000000..9ba89d7decd2a8e28e8b3714a079180ebff7990d
>--- /dev/null
>+++ b/LayoutTests/fast/block/block-only/padding-nested.html
>@@ -0,0 +1,8 @@
>+<!DOCTYPE html>
>+<html>
>+<body>
>+<div style="padding: 20px; width: 100px; height: 100px;">
>+    <div style="padding: 10px; width: 20px; height: 20px;"></div>
>+</div>
>+</body>
>+</html>
>diff --git a/LayoutTests/fast/block/block-only/padding-simple-expected.txt b/LayoutTests/fast/block/block-only/padding-simple-expected.txt
>new file mode 100644
>index 0000000000000000000000000000000000000000..f1b502af556933708244d3468fbb5d98f6376cca
>--- /dev/null
>+++ b/LayoutTests/fast/block/block-only/padding-simple-expected.txt
>@@ -0,0 +1,7 @@
>+layer at (0,0) size 800x600
>+  RenderView at (0,0) size 800x600
>+layer at (0,0) size 800x156
>+  RenderBlock {HTML} at (0,0) size 800x156
>+    RenderBody {BODY} at (8,8) size 784x140
>+      RenderBlock {DIV} at (0,0) size 140x140
>+        RenderBlock {DIV} at (20,20) size 20x20
>diff --git a/LayoutTests/fast/block/block-only/padding-simple.html b/LayoutTests/fast/block/block-only/padding-simple.html
>new file mode 100644
>index 0000000000000000000000000000000000000000..f10b145a6ea432b62e071cb52252a3abe31ca6d4
>--- /dev/null
>+++ b/LayoutTests/fast/block/block-only/padding-simple.html
>@@ -0,0 +1,8 @@
>+<!DOCTYPE html>
>+<html>
>+<body>
>+<div style="padding: 20px; width: 100px; height: 100px;">
>+    <div style="width: 20px; height: 20px;"></div>
>+</div>
>+</body>
>+</html>
>diff --git a/LayoutTests/fast/block/block-only/relative-auto-expected.txt b/LayoutTests/fast/block/block-only/relative-auto-expected.txt
>new file mode 100644
>index 0000000000000000000000000000000000000000..06a1a01bab592235b2248050c0364d921d0c2c9d
>--- /dev/null
>+++ b/LayoutTests/fast/block/block-only/relative-auto-expected.txt
>@@ -0,0 +1,7 @@
>+layer at (0,0) size 800x600
>+  RenderView at (0,0) size 800x600
>+layer at (0,0) size 800x56
>+  RenderBlock {HTML} at (0,0) size 800x56
>+    RenderBody {BODY} at (8,8) size 784x40
>+layer at (8,8) size 30x40
>+  RenderBlock (relative positioned) {DIV} at (0,0) size 30x40
>diff --git a/LayoutTests/fast/block/block-only/relative-auto-with-parent-offset-expected.txt b/LayoutTests/fast/block/block-only/relative-auto-with-parent-offset-expected.txt
>new file mode 100644
>index 0000000000000000000000000000000000000000..3091a5e924529e009d59e6e42359da9474030366
>--- /dev/null
>+++ b/LayoutTests/fast/block/block-only/relative-auto-with-parent-offset-expected.txt
>@@ -0,0 +1,9 @@
>+layer at (0,0) size 802x585
>+  RenderView at (0,0) size 800x585
>+layer at (0,0) size 800x56
>+  RenderBlock {HTML} at (0,0) size 800x56
>+    RenderBody {BODY} at (8,8) size 784x40
>+layer at (18,8) size 784x40
>+  RenderBlock (relative positioned) {DIV} at (0,0) size 784x40
>+layer at (18,8) size 30x40
>+  RenderBlock (relative positioned) {DIV} at (0,0) size 30x40
>diff --git a/LayoutTests/fast/block/block-only/relative-auto-with-parent-offset.html b/LayoutTests/fast/block/block-only/relative-auto-with-parent-offset.html
>new file mode 100644
>index 0000000000000000000000000000000000000000..61c9c948b6a14c412074e9449be588980a393fc1
>--- /dev/null
>+++ b/LayoutTests/fast/block/block-only/relative-auto-with-parent-offset.html
>@@ -0,0 +1,8 @@
>+<!DOCTYPE html>
>+<html>
>+<body>
>+<div style="position: relative; left: 10px">
>+    <div style="position: relative; left: auto; top: auto; width: 30px; height: 40px;"></div>
>+</div>
>+</body>
>+</html>
>diff --git a/LayoutTests/fast/block/block-only/relative-auto.html b/LayoutTests/fast/block/block-only/relative-auto.html
>new file mode 100644
>index 0000000000000000000000000000000000000000..00e15d72be9d5ed23faf696dfc9502456a7abcdb
>--- /dev/null
>+++ b/LayoutTests/fast/block/block-only/relative-auto.html
>@@ -0,0 +1,6 @@
>+<!DOCTYPE html>
>+<html>
>+<body>
>+<div style="position: relative; left: auto; top: auto; width: 30px; height: 40px;"></div>
>+</body>
>+</html>
>diff --git a/LayoutTests/fast/block/block-only/relative-bottom-expected.txt b/LayoutTests/fast/block/block-only/relative-bottom-expected.txt
>new file mode 100644
>index 0000000000000000000000000000000000000000..7536dda7580c48592390342a32c321e07c4a0bc4
>--- /dev/null
>+++ b/LayoutTests/fast/block/block-only/relative-bottom-expected.txt
>@@ -0,0 +1,11 @@
>+layer at (0,0) size 800x600
>+  RenderView at (0,0) size 800x600
>+layer at (0,0) size 800x146
>+  RenderBlock {HTML} at (0,0) size 800x146
>+    RenderBody {BODY} at (8,8) size 784x130
>+layer at (8,0) size 30x20
>+  RenderBlock (relative positioned) {DIV} at (0,0) size 30x20
>+layer at (8,38) size 30x40
>+  RenderBlock (relative positioned) {DIV} at (0,20) size 30x40
>+layer at (8,40) size 30x70
>+  RenderBlock (relative positioned) {DIV} at (0,60) size 30x70
>diff --git a/LayoutTests/fast/block/block-only/relative-bottom.html b/LayoutTests/fast/block/block-only/relative-bottom.html
>new file mode 100644
>index 0000000000000000000000000000000000000000..71914dc420d8c26e5c681bb0bee4940a82cac171
>--- /dev/null
>+++ b/LayoutTests/fast/block/block-only/relative-bottom.html
>@@ -0,0 +1,8 @@
>+<!DOCTYPE html>
>+<html>
>+<body>
>+<div style="position: relative; top: auto; bottom: 8px; width: 30px; height: 20px;"></div>
>+<div style="position: relative; top: 10px; bottom: 18px; width: 30px; height: 40px;"></div>
>+<div style="position: relative; bottom: 28px; width: 30px; height: 70px;"></div>
>+</body>
>+</html>
>diff --git a/LayoutTests/fast/block/block-only/relative-position-when-containing-block-is-not-in-the-formatting-context-expected.txt b/LayoutTests/fast/block/block-only/relative-position-when-containing-block-is-not-in-the-formatting-context-expected.txt
>new file mode 100644
>index 0000000000000000000000000000000000000000..27f13e54ed1911f29ac36159392e36839db701be
>--- /dev/null
>+++ b/LayoutTests/fast/block/block-only/relative-position-when-containing-block-is-not-in-the-formatting-context-expected.txt
>@@ -0,0 +1,11 @@
>+layer at (0,0) size 800x600
>+  RenderView at (0,0) size 800x600
>+layer at (0,0) size 800x158
>+  RenderBlock {HTML} at (0,0) size 800x158
>+    RenderBody {BODY} at (8,8) size 784x142
>+layer at (108,108) size 142x142
>+  RenderBlock (relative positioned) {DIV} at (0,0) size 142x142 [border: (1px solid #008000)]
>+layer at (129,129) size 52x52 clip at (130,130) size 50x50
>+  RenderBlock {DIV} at (21,21) size 52x52 [border: (1px solid #FF0000)]
>+layer at (125,125) size 12x12 backgroundClip at (130,130) size 50x50 clip at (130,130) size 50x50
>+  RenderBlock (relative positioned) {DIV} at (1,1) size 12x12 [border: (1px solid #0000FF)]
>diff --git a/LayoutTests/fast/block/block-only/relative-position-when-containing-block-is-not-in-the-formatting-context.html b/LayoutTests/fast/block/block-only/relative-position-when-containing-block-is-not-in-the-formatting-context.html
>new file mode 100644
>index 0000000000000000000000000000000000000000..4c6e18135bdb7fe5fd284a10af5aa77b4af3bc72
>--- /dev/null
>+++ b/LayoutTests/fast/block/block-only/relative-position-when-containing-block-is-not-in-the-formatting-context.html
>@@ -0,0 +1,10 @@
>+<!DOCTYPE html>
>+<html>
>+<body>
>+<div style="border: 1px solid green; position: relative; top: 100px; left: 100px; width: 100px; height: 100px; padding: 20px;">
>+    <div style="overflow: hidden; border: 1px solid red; width: 50px; height: 50px">
>+        <div style="position: relative; left: -5px; top: -5px; width: 10px; height: 10px; border: 1px solid blue"></div>
>+    </div>
>+</div>
>+</body>
>+</html>
>diff --git a/LayoutTests/fast/block/block-only/relative-right-expected.txt b/LayoutTests/fast/block/block-only/relative-right-expected.txt
>new file mode 100644
>index 0000000000000000000000000000000000000000..58e5e4c0a42fc9c2c2da01aa1a570b75677be965
>--- /dev/null
>+++ b/LayoutTests/fast/block/block-only/relative-right-expected.txt
>@@ -0,0 +1,7 @@
>+layer at (0,0) size 800x600
>+  RenderView at (0,0) size 800x600
>+layer at (0,0) size 800x86
>+  RenderBlock {HTML} at (0,0) size 800x86
>+    RenderBody {BODY} at (8,8) size 784x70
>+layer at (0,8) size 30x70
>+  RenderBlock (relative positioned) {DIV} at (0,0) size 30x70
>diff --git a/LayoutTests/fast/block/block-only/relative-right.html b/LayoutTests/fast/block/block-only/relative-right.html
>new file mode 100644
>index 0000000000000000000000000000000000000000..02e4a7e7bc81647a4e9c1bb831ec30259323d1b6
>--- /dev/null
>+++ b/LayoutTests/fast/block/block-only/relative-right.html
>@@ -0,0 +1,6 @@
>+<!DOCTYPE html>
>+<html>
>+<body>
>+<div style="position: relative; left: auto; right: 8px; width: 30px; height: 70px;"></div>
>+</body>
>+</html>
>diff --git a/LayoutTests/fast/block/block-only/relative-siblings-expected.txt b/LayoutTests/fast/block/block-only/relative-siblings-expected.txt
>new file mode 100644
>index 0000000000000000000000000000000000000000..6a8dd53997aa3efde9938e17af1b6209b1472507
>--- /dev/null
>+++ b/LayoutTests/fast/block/block-only/relative-siblings-expected.txt
>@@ -0,0 +1,14 @@
>+layer at (0,0) size 800x600
>+  RenderView at (0,0) size 800x600
>+layer at (0,0) size 800x226
>+  RenderBlock {HTML} at (0,0) size 800x226
>+    RenderBody {BODY} at (8,8) size 784x210
>+      RenderBlock {DIV} at (0,120) size 130x40
>+layer at (0,8) size 30x70
>+  RenderBlock (relative positioned) {DIV} at (0,0) size 30x70
>+layer at (0,178) size 30x20
>+  RenderBlock (relative positioned) {DIV} at (0,70) size 30x20
>+layer at (16,98) size 30x30
>+  RenderBlock (relative positioned) {DIV} at (0,90) size 30x30
>+layer at (16,188) size 30x50
>+  RenderBlock (relative positioned) {DIV} at (0,160) size 30x50
>diff --git a/LayoutTests/fast/block/block-only/relative-siblings.html b/LayoutTests/fast/block/block-only/relative-siblings.html
>new file mode 100644
>index 0000000000000000000000000000000000000000..dd84e205ade757dd6f3a529292d49d4e309ea65f
>--- /dev/null
>+++ b/LayoutTests/fast/block/block-only/relative-siblings.html
>@@ -0,0 +1,10 @@
>+<!DOCTYPE html>
>+<html>
>+<body>
>+<div style="position: relative; right: 8px; width: 30px; height: 70px;"></div>
>+<div style="position: relative; right: 8px; top: 100px; width: 30px; height: 20px;"></div>
>+<div style="position: relative; left: 8px; width: 30px; height: 30px;"></div>
>+<div style="width: 130px; height: 40px;"></div>
>+<div style="position: relative; left: 8px; top: 20px; width: 30px; height: 50px;"></div>
>+</body>
>+</html>
>diff --git a/LayoutTests/fast/block/block-only/relative-simple-expected.txt b/LayoutTests/fast/block/block-only/relative-simple-expected.txt
>new file mode 100644
>index 0000000000000000000000000000000000000000..f3d6c02126058a31f2adbe16378c8b4affdb8a49
>--- /dev/null
>+++ b/LayoutTests/fast/block/block-only/relative-simple-expected.txt
>@@ -0,0 +1,7 @@
>+layer at (0,0) size 800x600
>+  RenderView at (0,0) size 800x600
>+layer at (0,0) size 800x116
>+  RenderBlock {HTML} at (0,0) size 800x116
>+    RenderBody {BODY} at (8,8) size 784x100
>+layer at (8,8) size 100x100
>+  RenderBlock (relative positioned) {DIV} at (0,0) size 100x100
>diff --git a/LayoutTests/fast/block/block-only/relative-simple.html b/LayoutTests/fast/block/block-only/relative-simple.html
>new file mode 100644
>index 0000000000000000000000000000000000000000..0f1b39d7685dbf2ccc55a1ba6f90322ac9eb3932
>--- /dev/null
>+++ b/LayoutTests/fast/block/block-only/relative-simple.html
>@@ -0,0 +1,4 @@
>+<!DOCTYPE html>
>+<html>
>+<body><div style="position: relative; width: 100px; height: 100px;"></div></body>
>+</html>
>\ No newline at end of file

Actions: View | Formatted Diff | Diff

Attachments on bug 187162: 343872