layer at (0,0) size 800x600
  RenderView at (0,0) size 800x600
layer at (0,0) size 800x508
  RenderBlock {HTML} at (0,0) size 800x508
    RenderBody {BODY} at (8,8) size 784x492
      RenderBlock {DIV} at (0,0) size 784x492 [border: (1px solid #FF0000)]
        RenderText {#text} at (1,2) size 169x19
          text run at (1,2) width 169: "Whitespace in option text:"
        RenderMenuList {SELECT} at (171,3) size 55x20 [bgcolor=#FFFFFF02] [border: (1px solid #4C4C4C)]
          RenderBlock (anonymous) at (6,3) size 42x14
            RenderText at (0,0) size 22x14
              text run at (0,0) width 22: "f o o"
        RenderText {#text} at (227,2) size 8x19
          text run at (227,2) width 8: "a"
        RenderMenuList {SELECT} at (236,3) size 55x20 [bgcolor=#FFFFFF02] [border: (1px solid #4C4C4C)]
          RenderBlock (anonymous) at (6,3) size 42x14
            RenderText at (0,0) size 22x14
              text run at (0,0) width 22: "f o o"
        RenderText {#text} at (292,2) size 9x19
          text run at (292,2) width 9: "b"
        RenderBR {BR} at (300,2) size 1x19
        RenderBR {BR} at (1,23) size 0x19
        RenderText {#text} at (1,42) size 140x19
          text run at (1,42) width 140: "Simple select control:"
        RenderMenuList {SELECT} at (142,43) size 49x20 [bgcolor=#FFFFFF02] [border: (1px solid #4C4C4C)]
          RenderBlock (anonymous) at (6,3) size 36x14
            RenderText at (0,0) size 16x14
              text run at (0,0) width 16: "foo"
        RenderText {#text} at (192,42) size 8x19
          text run at (192,42) width 8: "a"
        RenderMenuList {SELECT} at (201,43) size 49x20 [color=#808080] [bgcolor=#FFFFFF02] [border: (1px solid #4C4C4C)]
          RenderBlock (anonymous) at (6,3) size 36x14
            RenderText at (0,0) size 16x14
              text run at (0,0) width 16: "foo"
        RenderText {#text} at (251,42) size 9x19
          text run at (251,42) width 9: "b"
        RenderBR {BR} at (259,42) size 1x19
        RenderBR {BR} at (1,63) size 0x19
        RenderText {#text} at (1,82) size 198x19
          text run at (1,82) width 198: "Line-height should be ignored:"
        RenderMenuList {SELECT} at (200,83) size 49x20 [bgcolor=#FFFFFF02] [border: (1px solid #4C4C4C)]
          RenderBlock (anonymous) at (6,3) size 36x14
            RenderText at (0,0) size 16x14
              text run at (0,0) width 16: "foo"
        RenderText {#text} at (250,82) size 8x19
          text run at (250,82) width 8: "a"
        RenderMenuList {SELECT} at (259,83) size 49x20 [color=#808080] [bgcolor=#FFFFFF02] [border: (1px solid #4C4C4C)]
          RenderBlock (anonymous) at (6,3) size 36x14
            RenderText at (0,0) size 16x14
              text run at (0,0) width 16: "bar"
        RenderText {#text} at (309,82) size 9x19
          text run at (309,82) width 9: "b"
        RenderBR {BR} at (317,82) size 1x19
        RenderBR {BR} at (1,103) size 0x19
        RenderText {#text} at (1,122) size 441x19
          text run at (1,122) width 441: "Padding should be respected, the arrow button shouldn't change size:"
        RenderMenuList {SELECT} at (444,123) size 48x20 [bgcolor=#FFFFFF02] [border: (1px solid #4C4C4C)]
          RenderBlock (anonymous) at (6,3) size 36x14
            RenderText at (0,0) size 16x14
              text run at (0,0) width 16: "foo"
        RenderText {#text} at (494,122) size 8x19
          text run at (494,122) width 8: "a"
        RenderMenuList {SELECT} at (503,123) size 49x20 [color=#808080] [bgcolor=#FFFFFF02] [border: (1px solid #4C4C4C)]
          RenderBlock (anonymous) at (6,3) size 36x14
            RenderText at (0,0) size 16x14
              text run at (0,0) width 16: "foo"
        RenderText {#text} at (553,122) size 9x19
          text run at (553,122) width 9: "b"
        RenderBR {BR} at (561,122) size 1x19
        RenderBR {BR} at (1,143) size 0x19
        RenderText {#text} at (1,167) size 180x19
          text run at (1,167) width 180: "Border should be respected:"
        RenderMenuList {SELECT} at (182,163) size 70x30 [bgcolor=#FFFFFF02] [border: (8px solid #33CCFF)]
          RenderBlock (anonymous) at (13,8) size 43x14
            RenderText at (0,0) size 16x14
              text run at (0,0) width 16: "foo"
        RenderText {#text} at (253,167) size 8x19
          text run at (253,167) width 8: "a"
        RenderMenuList {SELECT} at (262,163) size 70x30 [color=#808080] [bgcolor=#FFFFFF02] [border: (8px solid #33CCFF)]
          RenderBlock (anonymous) at (13,8) size 43x14
            RenderText at (0,0) size 16x14
              text run at (0,0) width 16: "foo"
        RenderText {#text} at (333,167) size 9x19
          text run at (333,167) width 9: "b"
        RenderBR {BR} at (341,167) size 1x19
        RenderBR {BR} at (1,193) size 0x19
        RenderText {#text} at (1,213) size 118x19
          text run at (1,213) width 118: "Border + padding:"
        RenderMenuList {SELECT} at (120,213) size 58x22 [bgcolor=#FFFFFF02] [border: (4px solid #33CCFF)]
          RenderBlock (anonymous) at (9,4) size 39x14
            RenderText at (0,0) size 16x14
              text run at (0,0) width 16: "foo"
        RenderText {#text} at (179,213) size 8x19
          text run at (179,213) width 8: "a"
        RenderMenuList {SELECT} at (188,213) size 58x22 [color=#808080] [bgcolor=#FFFFFF02] [border: (4px solid #33CCFF)]
          RenderBlock (anonymous) at (9,4) size 39x14
            RenderText at (0,0) size 16x14
              text run at (0,0) width 16: "foo"
        RenderText {#text} at (247,213) size 9x19
          text run at (247,213) width 9: "b"
        RenderBR {BR} at (255,213) size 1x19
        RenderBR {BR} at (1,235) size 0x19
        RenderText {#text} at (1,257) size 491x19
          text run at (1,257) width 491: "Height larger than font-size, button should grow, text baseline should center:"
        RenderMenuList {SELECT} at (493,253) size 49x30 [bgcolor=#FFFFFF02] [border: (1px solid #4C4C4C)]
          RenderBlock (anonymous) at (6,8) size 36x14
            RenderText at (0,0) size 16x14
              text run at (0,0) width 16: "foo"
        RenderText {#text} at (543,257) size 8x19
          text run at (543,257) width 8: "a"
        RenderMenuList {SELECT} at (552,253) size 49x30 [color=#808080] [bgcolor=#FFFFFF02] [border: (1px solid #4C4C4C)]
          RenderBlock (anonymous) at (6,8) size 36x14
            RenderText at (0,0) size 16x14
              text run at (0,0) width 16: "foo"
        RenderText {#text} at (602,257) size 9x19
          text run at (602,257) width 9: "b"
        RenderBR {BR} at (610,257) size 1x19
        RenderBR {BR} at (1,281) size 0x19
        RenderText {#text} at (1,297) size 515x19
          text run at (1,297) width 515: "Heigh smaller than font-size, whole select shrinks and is baselined with the text:"
        RenderMenuList {SELECT} at (517,300) size 49x15 [bgcolor=#FFFFFF02] [border: (1px solid #4C4C4C)]
          RenderBlock (anonymous) at (6,1) size 36x14
            RenderText at (0,0) size 16x14
              text run at (0,0) width 16: "foo"
        RenderText {#text} at (567,297) size 8x19
          text run at (567,297) width 8: "a"
        RenderMenuList {SELECT} at (576,300) size 49x15 [bgcolor=#FFFFFF02] [border: (1px solid #4C4C4C)]
          RenderBlock (anonymous) at (6,1) size 36x14
            RenderText at (0,0) size 16x14
              text run at (0,0) width 16: "bar"
        RenderText {#text} at (626,297) size 9x19
          text run at (626,297) width 9: "b"
        RenderBR {BR} at (634,297) size 1x19
        RenderBR {BR} at (1,313) size 0x19
        RenderText {#text} at (1,329) size 173x19
          text run at (1,329) width 173: "select control with size=0: "
        RenderBR {BR} at (173,329) size 1x19
        RenderMenuList {SELECT} at (3,349) size 185x20 [bgcolor=#FFFFFF02] [border: (1px solid #4C4C4C)]
          RenderBlock (anonymous) at (6,3) size 173x14
            RenderText at (0,0) size 67x14
              text run at (0,0) width 67: "Future Series"
        RenderText {#text} at (190,348) size 4x19
          text run at (190,348) width 4: " "
        RenderBR {BR} at (0,0) size 0x0
        RenderText {#text} at (1,369) size 173x19
          text run at (1,369) width 173: "select control with size=1: "
        RenderBR {BR} at (173,369) size 1x19
        RenderMenuList {SELECT} at (3,389) size 185x20 [bgcolor=#FFFFFF02] [border: (1px solid #4C4C4C)]
          RenderBlock (anonymous) at (6,3) size 173x14
            RenderText at (0,0) size 67x14
              text run at (0,0) width 67: "Future Series"
        RenderText {#text} at (190,388) size 4x19
          text run at (190,388) width 4: " "
        RenderBR {BR} at (0,0) size 0x0
        RenderText {#text} at (1,409) size 170x19
          text run at (1,409) width 170: "Non-styled select control: "
        RenderBR {BR} at (170,409) size 1x19
        RenderMenuList {SELECT} at (3,429) size 185x20 [bgcolor=#FFFFFF02] [border: (1px solid #4C4C4C)]
          RenderBlock (anonymous) at (6,3) size 173x14
            RenderText at (0,0) size 67x14
              text run at (0,0) width 67: "Future Series"
        RenderText {#text} at (190,428) size 4x19
          text run at (190,428) width 4: " "
        RenderBR {BR} at (0,0) size 0x0
        RenderText {#text} at (1,449) size 298x19
          text run at (1,449) width 298: "Styled select control with large border-radius: "
        RenderBR {BR} at (298,449) size 1x19
        RenderMenuList {SELECT} at (3,469) size 185x20 [bgcolor=#33CCFF] [border: (1px solid #4C4C4C)]
          RenderBlock (anonymous) at (6,3) size 173x14
            RenderText at (0,0) size 67x14
              text run at (0,0) width 67: "Future Series"
        RenderText {#text} at (190,468) size 4x19
          text run at (190,468) width 4: " "
        RenderBR {BR} at (0,0) size 0x0