layer at (0,0) size 800x600
  RenderView at (0,0) size 800x600
layer at (0,0) size 800x486
  RenderBlock {HTML} at (0,0) size 800x486
    RenderBody {BODY} at (8,8) size 784x470
      RenderBlock {DIV} at (0,0) size 784x470 [border: (1px solid #FF0000)]
        RenderText {#text} at (1,2) size 169x18
          text run at (1,2) width 169: "Whitespace in option text:"
        RenderMenuList {SELECT} at (171,3) size 56x18 [color=#000000D8] [bgcolor=#FFFFFF]
          RenderBlock (anonymous) at (0,0) size 55x18
            RenderText at (8,2) size 24x13
              text run at (8,2) width 24: "f o o"
        RenderText {#text} at (228,2) size 8x18
          text run at (228,2) width 8: "a"
        RenderMenuList {SELECT} at (237,3) size 56x18 [color=#000000D8] [bgcolor=#FFFFFF]
          RenderBlock (anonymous) at (0,0) size 55x18
            RenderText at (8,2) size 24x13
              text run at (8,2) width 24: "f o o"
        RenderText {#text} at (294,2) size 9x18
          text run at (294,2) width 9: "b"
        RenderBR {BR} at (302,2) size 1x18
        RenderBR {BR} at (1,22) size 0x18
        RenderText {#text} at (1,40) size 140x18
          text run at (1,40) width 140: "Simple select control:"
        RenderMenuList {SELECT} at (142,41) size 50x18 [color=#000000D8] [bgcolor=#FFFFFF]
          RenderBlock (anonymous) at (0,0) size 49x18
            RenderText at (8,2) size 17x13
              text run at (8,2) width 17: "foo"
        RenderText {#text} at (193,40) size 8x18
          text run at (193,40) width 8: "a"
        RenderMenuList {SELECT} at (202,41) size 50x18 [color=#0000003F] [bgcolor=#FFFFFF]
          RenderBlock (anonymous) at (0,0) size 49x18
            RenderText at (8,2) size 17x13
              text run at (8,2) width 17: "foo"
        RenderText {#text} at (253,40) size 9x18
          text run at (253,40) width 9: "b"
        RenderBR {BR} at (261,40) size 1x18
        RenderBR {BR} at (1,60) size 0x18
        RenderText {#text} at (1,78) size 198x18
          text run at (1,78) width 198: "Line-height should be ignored:"
        RenderMenuList {SELECT} at (200,79) size 49x18 [color=#000000D8] [bgcolor=#FFFFFF]
          RenderBlock (anonymous) at (0,0) size 48x18
            RenderText at (8,2) size 17x13
              text run at (8,2) width 17: "foo"
        RenderText {#text} at (250,78) size 8x18
          text run at (250,78) width 8: "a"
        RenderMenuList {SELECT} at (259,79) size 50x18 [color=#0000003F] [bgcolor=#FFFFFF]
          RenderBlock (anonymous) at (0,0) size 49x18
            RenderText at (8,2) size 18x13
              text run at (8,2) width 18: "bar"
        RenderText {#text} at (310,78) size 9x18
          text run at (310,78) width 9: "b"
        RenderBR {BR} at (318,78) size 1x18
        RenderBR {BR} at (1,98) size 0x18
        RenderText {#text} at (1,116) size 441x18
          text run at (1,116) width 441: "Padding should be respected, the arrow button shouldn't change size:"
        RenderMenuList {SELECT} at (444,117) size 48x18 [color=#000000D8] [bgcolor=#FFFFFF]
          RenderBlock (anonymous) at (0,0) size 48x18
            RenderText at (8,2) size 17x13
              text run at (8,2) width 17: "foo"
        RenderText {#text} at (494,116) size 8x18
          text run at (494,116) width 8: "a"
        RenderMenuList {SELECT} at (503,117) size 49x18 [color=#0000003F] [bgcolor=#FFFFFF]
          RenderBlock (anonymous) at (0,0) size 48x18
            RenderText at (8,2) size 17x13
              text run at (8,2) width 17: "foo"
        RenderText {#text} at (553,116) size 9x18
          text run at (553,116) width 9: "b"
        RenderBR {BR} at (561,116) size 1x18
        RenderBR {BR} at (1,136) size 0x18
        RenderText {#text} at (1,161) size 180x18
          text run at (1,161) width 180: "Border should be respected:"
        RenderMenuList {SELECT} at (182,155) size 63x32 [bgcolor=#FFFFFF] [border: (8px solid #33CCFF)]
          RenderBlock (anonymous) at (8,8) size 46x16
            RenderText at (8,1) size 17x13
              text run at (8,1) width 17: "foo"
        RenderText {#text} at (246,161) size 8x18
          text run at (246,161) width 8: "a"
        RenderMenuList {SELECT} at (255,155) size 63x32 [color=#0000003F] [bgcolor=#FFFFFF] [border: (8px solid #33CCFF)]
          RenderBlock (anonymous) at (8,8) size 46x16
            RenderText at (8,1) size 17x13
              text run at (8,1) width 17: "foo"
        RenderText {#text} at (319,161) size 9x18
          text run at (319,161) width 9: "b"
        RenderBR {BR} at (327,161) size 1x18
        RenderBR {BR} at (1,188) size 0x18
        RenderText {#text} at (1,209) size 118x18
          text run at (1,209) width 118: "Border + padding:"
        RenderMenuList {SELECT} at (120,207) size 55x24 [bgcolor=#FFFFFF] [border: (4px solid #33CCFF)]
          RenderBlock (anonymous) at (4,4) size 46x16
            RenderText at (8,1) size 17x13
              text run at (8,1) width 17: "foo"
        RenderText {#text} at (176,209) size 8x18
          text run at (176,209) width 8: "a"
        RenderMenuList {SELECT} at (185,207) size 55x24 [color=#0000003F] [bgcolor=#FFFFFF] [border: (4px solid #33CCFF)]
          RenderBlock (anonymous) at (4,4) size 46x16
            RenderText at (8,1) size 17x13
              text run at (8,1) width 17: "foo"
        RenderText {#text} at (241,209) size 9x18
          text run at (241,209) width 9: "b"
        RenderBR {BR} at (249,209) size 1x18
        RenderBR {BR} at (1,232) size 0x18
        RenderText {#text} at (1,248) size 491x18
          text run at (1,248) width 491: "Height larger than font-size, button should grow, text baseline should center:"
        RenderMenuList {SELECT} at (493,249) size 49x18 [color=#000000D8] [bgcolor=#FFFFFF]
          RenderBlock (anonymous) at (0,0) size 48x18
            RenderText at (8,2) size 17x13
              text run at (8,2) width 17: "foo"
        RenderText {#text} at (543,248) size 8x18
          text run at (543,248) width 8: "a"
        RenderMenuList {SELECT} at (552,249) size 49x18 [color=#0000003F] [bgcolor=#FFFFFF]
          RenderBlock (anonymous) at (0,0) size 48x18
            RenderText at (8,2) size 17x13
              text run at (8,2) width 17: "foo"
        RenderText {#text} at (602,248) size 9x18
          text run at (602,248) width 9: "b"
        RenderBR {BR} at (610,248) size 1x18
        RenderBR {BR} at (1,266) size 0x18
        RenderText {#text} at (1,282) size 515x18
          text run at (1,282) width 515: "Heigh smaller than font-size, whole select shrinks and is baselined with the text:"
        RenderMenuList {SELECT} at (517,283) size 50x18 [color=#000000D8] [bgcolor=#FFFFFF]
          RenderBlock (anonymous) at (0,0) size 49x18
            RenderText at (8,2) size 17x13
              text run at (8,2) width 17: "foo"
        RenderText {#text} at (568,282) size 8x18
          text run at (568,282) width 8: "a"
        RenderMenuList {SELECT} at (577,283) size 50x18 [color=#000000D8] [bgcolor=#FFFFFF]
          RenderBlock (anonymous) at (0,0) size 49x18
            RenderText at (8,2) size 18x13
              text run at (8,2) width 18: "bar"
        RenderText {#text} at (628,282) size 9x18
          text run at (628,282) width 9: "b"
        RenderBR {BR} at (636,282) size 1x18
        RenderBR {BR} at (1,300) size 0x18
        RenderText {#text} at (1,316) size 169x18
          text run at (1,316) width 169: "select control with size=0:"
        RenderBR {BR} at (169,316) size 1x18
        RenderMenuList {SELECT} at (3,335) size 195x18 [color=#000000D8] [bgcolor=#FFFFFF]
          RenderBlock (anonymous) at (0,0) size 195x18
            RenderText at (8,2) size 70x13
              text run at (8,2) width 70: "Future Series"
        RenderBR {BR} at (200,334) size 0x18
        RenderText {#text} at (1,354) size 169x18
          text run at (1,354) width 169: "select control with size=1:"
        RenderBR {BR} at (169,354) size 1x18
        RenderMenuList {SELECT} at (3,373) size 195x18 [color=#000000D8] [bgcolor=#FFFFFF]
          RenderBlock (anonymous) at (0,0) size 195x18
            RenderText at (8,2) size 70x13
              text run at (8,2) width 70: "Future Series"
        RenderBR {BR} at (200,372) size 0x18
        RenderText {#text} at (1,392) size 166x18
          text run at (1,392) width 166: "Non-styled select control:"
        RenderBR {BR} at (166,392) size 1x18
        RenderMenuList {SELECT} at (3,411) size 195x18 [bgcolor=#FFFFFF] [border: (1px solid #000000)]
          RenderBlock (anonymous) at (1,1) size 193x16
            RenderText at (8,1) size 70x13
              text run at (8,1) width 70: "Future Series"
        RenderBR {BR} at (200,410) size 0x18
        RenderText {#text} at (1,430) size 294x18
          text run at (1,430) width 294: "Styled select control with large border-radius:"
        RenderBR {BR} at (294,430) size 1x18
        RenderMenuList {SELECT} at (3,449) size 195x18 [bgcolor=#33CCFF] [border: (1px solid #000000)]
          RenderBlock (anonymous) at (1,1) size 193x16
            RenderText at (8,1) size 70x13
              text run at (8,1) width 70: "Future Series"
        RenderBR {BR} at (200,448) size 0x18