--- /home/clopez/webkit/webkit/layout-test-results/media/controls-styling-expected.txt
+++ /home/clopez/webkit/webkit/layout-test-results/media/controls-styling-actual.txt
@@ -3,58 +3,48 @@
 layer at (0,0) size 800x600
   RenderBlock {HTML} at (0,0) size 800x600
     RenderBody {BODY} at (8,8) size 784x584
-      RenderBlock {P} at (0,0) size 784x18
-        RenderText {#text} at (0,0) size 274x19
+      RenderBlock {P} at (0,0) size 784x17
+        RenderText {#text} at (0,0) size 274x17
           text run at (0,0) width 274: "The look of the controls should not change."
-      RenderBlock {DIV} at (0,34) size 784x240 [color=#0000FF]
+      RenderBlock {DIV} at (0,33) size 784x240 [color=#0000FF]
         RenderText {#text} at (0,0) size 0x0
-      RenderBlock (anonymous) at (0,274) size 784x240
+      RenderBlock (anonymous) at (0,273) size 784x240
         RenderText {#text} at (0,0) size 0x0
-layer at (18,42) size 320x240
+layer at (18,41) size 320x240
   RenderVideo {VIDEO} at (10,0) size 320x240
-layer at (8,282) size 320x240
+layer at (18,41) size 320x240
+  RenderFlexibleBox {DIV} at (0,0) size 320x240
+    RenderBlock {DIV} at (0,200) size 320x40
+layer at (23,246) size 310x30
+  RenderFlexibleBox {DIV} at (5,5) size 310x30 [bgcolor=#141414CC]
+    RenderSlider {INPUT} at (49,11) size 93x8 [color=#E6E6E659]
+      RenderFlexibleBox {DIV} at (0,0) size 93x8 [border: (1px solid #E6E6E659)]
+        RenderBlock {DIV} at (1,-2) size 105x12
+          RenderBlock {DIV} at (-7,0) size 12x12 [color=#FFFFFF]
+    RenderBlock {DIV} at (157,0) size 74x30 [color=#FFFFFF]
+      RenderText {#text} at (0,7) size 74x15
+        text run at (0,7) width 74: "00:00 / 00:06"
+    RenderButton {BUTTON} at (239,0) size 30x30
+    RenderFlexibleBox {DIV} at (271,0) size 30x30
+      RenderButton {BUTTON} at (0,0) size 30x30
+layer at (32,246) size 30x30
+  RenderButton {BUTTON} at (9,0) size 30x30
+layer at (8,281) size 320x240
   RenderVideo {VIDEO} at (0,0) size 320x240
-layer at (18,42) size 320x240
+layer at (8,281) size 320x240
   RenderFlexibleBox {DIV} at (0,0) size 320x240
-layer at (18,42) size 320x240 scrollHeight 481
-  RenderFlexibleBox {DIV} at (0,0) size 320x240
-    RenderButton {INPUT} at (0,220) size 20x20
-    RenderFlexibleBox {DIV} at (20,220) size 220x20 [border: none (1px solid #FFFFFF33) none (1px solid #FFFFFF33)]
-      RenderBlock (anonymous) at (1,0) size 218x30
-        RenderFlexibleBox {DIV} at (10,0) size 218x30
-          RenderBlock (anonymous) at (5,5) size 208x20
-            RenderText {#text} at (22,44) size 179x212
-              text run at (22,44) width 174: "00:00"
-              text run at (87,144) width 34: "/"
-              text run at (17,244) width 174: "00:06"
-      RenderSlider {INPUT} at (219,0) size 4x20
-        RenderFlexibleBox {DIV} at (2,0) size 0x20
-          RenderBlock {DIV} at (0,4) size 0x12
-            RenderBlock {DIV} at (0,0) size 12x12
-    RenderButton {INPUT} at (240,220) size 20x20
-    RenderButton {INPUT} at (260,220) size 20x20
-    RenderButton {INPUT} at (280,220) size 20x20
-    RenderBlock {DIV} at (300,220) size 20x20
-layer at (318,262) size 20x20
-  RenderButton zI: 2 {INPUT} at (0,0) size 20x20
-layer at (8,282) size 320x240
-  RenderFlexibleBox {DIV} at (0,0) size 320x240
-layer at (8,282) size 320x240 scrollHeight 250
-  RenderFlexibleBox {DIV} at (0,0) size 320x240
-    RenderButton {INPUT} at (0,220) size 20x20
-    RenderFlexibleBox {DIV} at (20,220) size 220x20 [border: none (1px solid #FFFFFF33) none (1px solid #FFFFFF33)]
-      RenderBlock (anonymous) at (1,0) size 65x30
-        RenderFlexibleBox {DIV} at (0,0) size 65x30
-          RenderBlock (anonymous) at (5,5) size 55x20
-            RenderText {#text} at (0,0) size 55x12
-              text run at (0,0) width 55: "00:00 / 00:06"
-      RenderSlider {INPUT} at (66,0) size 153x20
-        RenderFlexibleBox {DIV} at (2,0) size 149x20
-          RenderBlock {DIV} at (0,4) size 149x12
-            RenderBlock {DIV} at (0,0) size 12x12
-    RenderButton {INPUT} at (240,220) size 20x20
-    RenderButton {INPUT} at (260,220) size 20x20
-    RenderButton {INPUT} at (280,220) size 20x20
-    RenderBlock {DIV} at (300,220) size 20x20
-layer at (308,502) size 20x20
-  RenderButton zI: 2 {INPUT} at (0,0) size 20x20
+    RenderBlock {DIV} at (0,200) size 320x40
+layer at (13,486) size 310x30
+  RenderFlexibleBox {DIV} at (5,5) size 310x30 [bgcolor=#141414CC]
+    RenderSlider {INPUT} at (49,11) size 93x8 [color=#E6E6E659]
+      RenderFlexibleBox {DIV} at (0,0) size 93x8 [border: (1px solid #E6E6E659)]
+        RenderBlock {DIV} at (1,-2) size 105x12
+          RenderBlock {DIV} at (-7,0) size 12x12 [color=#FFFFFF]
+    RenderBlock {DIV} at (157,0) size 74x30 [color=#FFFFFF]
+      RenderText {#text} at (0,7) size 74x15
+        text run at (0,7) width 74: "00:00 / 00:06"
+    RenderButton {BUTTON} at (239,0) size 30x30
+    RenderFlexibleBox {DIV} at (271,0) size 30x30
+      RenderButton {BUTTON} at (0,0) size 30x30
+layer at (22,486) size 30x30
+  RenderButton {BUTTON} at (9,0) size 30x30