--- e:\b\swarm_slave\w\iodecza4\layout-test-results\media/audio-controls-rendering-expected.txt
+++ e:\b\swarm_slave\w\iodecza4\layout-test-results\media/audio-controls-rendering-actual.txt
@@ -3,87 +3,135 @@
 layer at (0,0) size 800x600
   LayoutBlockFlow {HTML} at (0,0) size 800x600
     LayoutBlockFlow {BODY} at (8,8) size 784x584
-      LayoutBlockFlow {P} at (0,0) size 784x18
-        LayoutText {#text} at (0,0) size 156x17
-          text run at (0,0) width 156: "Test controls placement."
-      LayoutBlockFlow (anonymous) at (0,34) size 784x118
+      LayoutBlockFlow {P} at (0,0) size 784x20
+        LayoutText {#text} at (0,0) size 146x19
+          text run at (0,0) width 146: "Test controls placement."
+      LayoutBlockFlow (anonymous) at (0,36) size 784x124
         LayoutBR {BR} at (300,32) size 0x0
-        LayoutBR {BR} at (0,32) size 0x17
-        LayoutBR {BR} at (320,82) size 0x0
-        LayoutBR {BR} at (0,82) size 0x17
-        LayoutBR {BR} at (0,100) size 0x17
-layer at (8,42) size 300x32
+        LayoutBR {BR} at (0,32) size 0x19
+        LayoutBR {BR} at (320,84) size 0x0
+        LayoutBR {BR} at (0,84) size 0x19
+        LayoutBR {BR} at (0,104) size 0x19
+layer at (8,44) size 300x32
   LayoutMedia {AUDIO} at (0,0) size 300x32 [bgcolor=#0000FF]
-layer at (8,92) size 320x32
-  LayoutMedia {AUDIO} at (0,50) size 320x32 [bgcolor=#0000FF]
-layer at (8,42) size 300x32
+layer at (8,96) size 320x32
+  LayoutMedia {AUDIO} at (0,52) size 320x32 [bgcolor=#0000FF]
+layer at (8,44) size 300x32
   LayoutFlexibleBox (relative positioned) {DIV} at (0,0) size 300x32
     LayoutBlockFlow {DIV} at (0,0) size 300x32
-layer at (8,42) size 300x32 scrollHeight 40
+layer at (8,44) size 300x32 scrollHeight 40
   LayoutFlexibleBox (relative positioned) {DIV} at (0,0) size 300x32 [bgcolor=#FAFAFA]
     LayoutButton {INPUT} at (0,0) size 32x32
-    LayoutFlexibleBox {DIV} at (32,0) size 17.73x32 [color=#5A5A5A]
-      LayoutBlockFlow (anonymous) at (0,0) size 17.73x32
-        LayoutText {#text} at (0,9) size 18x14
-          text run at (0,9) width 18: "0:00"
-    LayoutFlexibleBox {DIV} at (49.73,0) size 28.27x32 [color=#5A5A5A]
-      LayoutBlockFlow (anonymous) at (4,0) size 24.27x32
-        LayoutText {#text} at (0,9) size 25x14
-          text run at (0,9) width 25: "/ 0:07"
-    LayoutSlider {INPUT} at (96,15) size 89.13x2
-      LayoutFlexibleBox {DIV} at (0,0) size 89.13x2
-        LayoutBlockFlow {DIV} at (-18,-23) size 125.13x48
-          LayoutBlockFlow {DIV} at (0,0) size 36x48
-    LayoutButton {INPUT} at (203.13,0) size 32x32
-    LayoutSlider {INPUT} at (253.13,15) size 28.88x2
-      LayoutFlexibleBox {DIV} at (0,0) size 28.88x2
-        LayoutBlockFlow {DIV} at (-18,-23) size 64.88x48
-          LayoutBlockFlow {DIV} at (28.88,0) size 36x48
-layer at (8,92) size 320x32
+    LayoutFlexibleBox {DIV} at (32,0) size 24x32 [color=#5A5A5A]
+      LayoutBlockFlow (anonymous) at (0,0) size 24x32
+        LayoutText {#text} at (0,8) size 24x15
+          text run at (0,8) width 24: "0:00"
+    LayoutFlexibleBox {DIV} at (56,0) size 34x32 [color=#5A5A5A]
+      LayoutBlockFlow (anonymous) at (4,0) size 30x32
+        LayoutText {#text} at (0,8) size 30x15
+          text run at (0,8) width 30: "/ 0:07"
+    LayoutSlider {INPUT} at (108,2) size 81x28
+      LayoutFlexibleBox {DIV} at (0,14) size 81x0
+    LayoutButton {INPUT} at (207,0) size 32x32
+    LayoutSlider {INPUT} at (257,2) size 25x28
+      LayoutFlexibleBox {DIV} at (0,14) size 25x0
+layer at (98,60) size 117x0
+  LayoutBlockFlow (relative positioned) {DIV} at (-18,0) size 117x0
+layer at (116,59) size 81x2
+  LayoutBlockFlow (positioned) {DIV} at (18,-1) size 81x2 [bgcolor=#DADADA]
+layer at (247,60) size 61x0
+  LayoutBlockFlow (relative positioned) {DIV} at (-18,0) size 61x0
+layer at (265,59) size 25x2
+  LayoutBlockFlow (positioned) {DIV} at (18,-1) size 25x2 [bgcolor=#DADADA]
+layer at (116,59) size 81x2
+  LayoutBlockFlow (positioned) zI: 1 {DIV} at (0,0) size 81x2 [bgcolor=#5A5A5A]
+layer at (116,59) size 0x2
+  LayoutBlockFlow (positioned) zI: 1 {DIV} at (0,0) size 0x2 [bgcolor=#4285F4]
+layer at (265,59) size 0x2
+  LayoutBlockFlow (positioned) zI: 1 {DIV} at (0,0) size 0x2 [bgcolor=#5A5A5A]
+layer at (265,59) size 25x2
+  LayoutBlockFlow (positioned) zI: 1 {DIV} at (0,0) size 25x2 [bgcolor=#4285F4]
+layer at (98,36) size 36x48 backgroundClip at (8,44) size 300x32 clip at (8,44) size 300x32
+  LayoutBlockFlow (positioned) zI: 2 {DIV} at (0,-24) size 36x48
+layer at (272,36) size 36x48 backgroundClip at (8,44) size 300x32 clip at (8,44) size 300x32
+  LayoutBlockFlow (positioned) zI: 2 {DIV} at (25,-24) size 36x48
+layer at (8,96) size 320x32
   LayoutFlexibleBox (relative positioned) {DIV} at (0,0) size 320x32
     LayoutBlockFlow {DIV} at (0,0) size 320x32
-layer at (8,92) size 320x32 scrollHeight 40
+layer at (8,96) size 320x32 scrollHeight 40
   LayoutFlexibleBox (relative positioned) {DIV} at (0,0) size 320x32 [bgcolor=#FAFAFA]
     LayoutButton {INPUT} at (0,0) size 32x32
-    LayoutFlexibleBox {DIV} at (32,0) size 17.73x32 [color=#5A5A5A]
-      LayoutBlockFlow (anonymous) at (0,0) size 17.73x32
-        LayoutText {#text} at (0,9) size 18x14
-          text run at (0,9) width 18: "0:00"
-    LayoutFlexibleBox {DIV} at (49.73,0) size 28.27x32 [color=#5A5A5A]
-      LayoutBlockFlow (anonymous) at (4,0) size 24.27x32
-        LayoutText {#text} at (0,9) size 25x14
-          text run at (0,9) width 25: "/ 0:07"
-    LayoutSlider {INPUT} at (96,15) size 98.97x2
-      LayoutFlexibleBox {DIV} at (0,0) size 98.97x2
-        LayoutBlockFlow {DIV} at (-18,-23) size 134.97x48
-          LayoutBlockFlow {DIV} at (0,0) size 36x48
-    LayoutButton {INPUT} at (212.97,0) size 32x32
-    LayoutSlider {INPUT} at (262.97,15) size 39.03x2
-      LayoutFlexibleBox {DIV} at (0,0) size 39.03x2
-        LayoutBlockFlow {DIV} at (-18,-23) size 75.03x48
-          LayoutBlockFlow {DIV} at (39.03,0) size 36x48
-layer at (8,142) size 320x100
-  LayoutMedia (positioned) {AUDIO} at (8,142) size 320x100 [bgcolor=#0000FF]
-layer at (8,142) size 320x100
+    LayoutFlexibleBox {DIV} at (32,0) size 24x32 [color=#5A5A5A]
+      LayoutBlockFlow (anonymous) at (0,0) size 24x32
+        LayoutText {#text} at (0,8) size 24x15
+          text run at (0,8) width 24: "0:00"
+    LayoutFlexibleBox {DIV} at (56,0) size 34x32 [color=#5A5A5A]
+      LayoutBlockFlow (anonymous) at (4,0) size 30x32
+        LayoutText {#text} at (0,8) size 30x15
+          text run at (0,8) width 30: "/ 0:07"
+    LayoutSlider {INPUT} at (108,2) size 93.06x28
+      LayoutFlexibleBox {DIV} at (0,14) size 93.06x0
+    LayoutButton {INPUT} at (219.06,0) size 32x32
+    LayoutSlider {INPUT} at (269.06,2) size 32.94x28
+      LayoutFlexibleBox {DIV} at (0,14) size 32.94x0
+layer at (98,112) size 129x0
+  LayoutBlockFlow (relative positioned) {DIV} at (-18,0) size 129.06x0
+layer at (116,111) size 93x2
+  LayoutBlockFlow (positioned) {DIV} at (18,-1) size 93.06x2 [bgcolor=#DADADA]
+layer at (259,112) size 69x0
+  LayoutBlockFlow (relative positioned) {DIV} at (-18,0) size 68.94x0
+layer at (277,111) size 33x2
+  LayoutBlockFlow (positioned) {DIV} at (18,-1) size 32.94x2 [bgcolor=#DADADA]
+layer at (116,111) size 93x2
+  LayoutBlockFlow (positioned) zI: 1 {DIV} at (0,0) size 93x2 [bgcolor=#5A5A5A]
+layer at (116,111) size 0x2
+  LayoutBlockFlow (positioned) zI: 1 {DIV} at (0,0) size 0x2 [bgcolor=#4285F4]
+layer at (277,111) size 0x2
+  LayoutBlockFlow (positioned) zI: 1 {DIV} at (0,0) size 0x2 [bgcolor=#5A5A5A]
+layer at (277,111) size 33x2
+  LayoutBlockFlow (positioned) zI: 1 {DIV} at (0,0) size 33x2 [bgcolor=#4285F4]
+layer at (98,88) size 36x48 backgroundClip at (8,96) size 320x32 clip at (8,96) size 320x32
+  LayoutBlockFlow (positioned) zI: 2 {DIV} at (0,-24) size 36x48
+layer at (292,88) size 36x48 backgroundClip at (8,96) size 320x32 clip at (8,96) size 320x32
+  LayoutBlockFlow (positioned) zI: 2 {DIV} at (32.94,-24) size 36x48
+layer at (8,148) size 320x100
+  LayoutMedia (positioned) {AUDIO} at (8,148) size 320x100 [bgcolor=#0000FF]
+layer at (8,148) size 320x100
   LayoutFlexibleBox (relative positioned) {DIV} at (0,0) size 320x100
     LayoutBlockFlow {DIV} at (0,68) size 320x32
-layer at (8,210) size 320x32 scrollHeight 40
+layer at (8,216) size 320x32 scrollHeight 40
   LayoutFlexibleBox (relative positioned) {DIV} at (0,0) size 320x32 [bgcolor=#FAFAFA]
     LayoutButton {INPUT} at (0,0) size 32x32
-    LayoutFlexibleBox {DIV} at (32,0) size 17.73x32 [color=#5A5A5A]
-      LayoutBlockFlow (anonymous) at (0,0) size 17.73x32
-        LayoutText {#text} at (0,9) size 18x14
-          text run at (0,9) width 18: "0:00"
-    LayoutFlexibleBox {DIV} at (49.73,0) size 28.27x32 [color=#5A5A5A]
-      LayoutBlockFlow (anonymous) at (4,0) size 24.27x32
-        LayoutText {#text} at (0,9) size 25x14
-          text run at (0,9) width 25: "/ 0:07"
-    LayoutSlider {INPUT} at (96,15) size 98.97x2
-      LayoutFlexibleBox {DIV} at (0,0) size 98.97x2
-        LayoutBlockFlow {DIV} at (-18,-23) size 134.97x48
-          LayoutBlockFlow {DIV} at (0,0) size 36x48
-    LayoutButton {INPUT} at (212.97,0) size 32x32
-    LayoutSlider {INPUT} at (262.97,15) size 39.03x2
-      LayoutFlexibleBox {DIV} at (0,0) size 39.03x2
-        LayoutBlockFlow {DIV} at (-18,-23) size 75.03x48
-          LayoutBlockFlow {DIV} at (39.03,0) size 36x48
+    LayoutFlexibleBox {DIV} at (32,0) size 24x32 [color=#5A5A5A]
+      LayoutBlockFlow (anonymous) at (0,0) size 24x32
+        LayoutText {#text} at (0,8) size 24x15
+          text run at (0,8) width 24: "0:00"
+    LayoutFlexibleBox {DIV} at (56,0) size 34x32 [color=#5A5A5A]
+      LayoutBlockFlow (anonymous) at (4,0) size 30x32
+        LayoutText {#text} at (0,8) size 30x15
+          text run at (0,8) width 30: "/ 0:07"
+    LayoutSlider {INPUT} at (108,2) size 93.06x28
+      LayoutFlexibleBox {DIV} at (0,14) size 93.06x0
+    LayoutButton {INPUT} at (219.06,0) size 32x32
+    LayoutSlider {INPUT} at (269.06,2) size 32.94x28
+      LayoutFlexibleBox {DIV} at (0,14) size 32.94x0
+layer at (98,232) size 129x0
+  LayoutBlockFlow (relative positioned) {DIV} at (-18,0) size 129.06x0
+layer at (116,231) size 93x2
+  LayoutBlockFlow (positioned) {DIV} at (18,-1) size 93.06x2 [bgcolor=#DADADA]
+layer at (259,232) size 69x0
+  LayoutBlockFlow (relative positioned) {DIV} at (-18,0) size 68.94x0
+layer at (277,231) size 33x2
+  LayoutBlockFlow (positioned) {DIV} at (18,-1) size 32.94x2 [bgcolor=#DADADA]
+layer at (116,231) size 93x2
+  LayoutBlockFlow (positioned) zI: 1 {DIV} at (0,0) size 93x2 [bgcolor=#5A5A5A]
+layer at (116,231) size 0x2
+  LayoutBlockFlow (positioned) zI: 1 {DIV} at (0,0) size 0x2 [bgcolor=#4285F4]
+layer at (277,231) size 0x2
+  LayoutBlockFlow (positioned) zI: 1 {DIV} at (0,0) size 0x2 [bgcolor=#5A5A5A]
+layer at (277,231) size 33x2
+  LayoutBlockFlow (positioned) zI: 1 {DIV} at (0,0) size 33x2 [bgcolor=#4285F4]
+layer at (98,208) size 36x48 backgroundClip at (8,216) size 320x32 clip at (8,216) size 320x32
+  LayoutBlockFlow (positioned) zI: 2 {DIV} at (0,-24) size 36x48
+layer at (292,208) size 36x48 backgroundClip at (8,216) size 320x32 clip at (8,216) size 320x32
+  LayoutBlockFlow (positioned) zI: 2 {DIV} at (32.94,-24) size 36x48
