layer at (0,0) size 785x681
  RenderView at (0,0) size 785x600
layer at (0,0) size 785x681
  RenderBlock {HTML} at (0,0) size 785x681
    RenderBody {BODY} at (8,8) size 769x665
      RenderBlock {DIV} at (0,0) size 769x665 [border: (1px solid #FF0000)]
        RenderText {#text} at (1,9) size 164x17
          text run at (1,9) width 164: "Whitespace in option text:"
        RenderMenuList {SELECT} at (167,3) size 66x30 [color=#2E3436] [bgcolor=#FFFFFF] [border: (1px solid #2E3436)]
          RenderBlock (anonymous) at (1,1) size 64x28
            RenderText at (9,5) size 30x17
              text run at (9,5) width 30: "f o o"
        RenderText {#text} at (235,9) size 7x17
          text run at (235,9) width 7: "a"
        RenderMenuList {SELECT} at (244,3) size 66x30 [color=#2E3436] [bgcolor=#FFFFFF] [border: (1px solid #2E3436)]
          RenderBlock (anonymous) at (1,1) size 64x28
            RenderText at (9,5) size 30x17
              text run at (9,5) width 30: "f o o"
        RenderText {#text} at (312,9) size 8x17
          text run at (312,9) width 8: "b"
        RenderBR {BR} at (320,9) size 0x17
        RenderBR {BR} at (1,34) size 0x17
        RenderText {#text} at (1,59) size 135x17
          text run at (1,59) width 135: "Simple select control:"
        RenderMenuList {SELECT} at (138,53) size 59x30 [color=#2E3436] [bgcolor=#FFFFFF] [border: (1px solid #2E3436)]
          RenderBlock (anonymous) at (1,1) size 57x28
            RenderText at (9,5) size 22x17
              text run at (9,5) width 22: "foo"
        RenderText {#text} at (199,59) size 7x17
          text run at (199,59) width 7: "a"
        RenderMenuList {SELECT} at (208,53) size 59x30 [color=#8B8E8F] [bgcolor=#FFFFFF] [border: (1px solid #8B8E8F)]
          RenderBlock (anonymous) at (1,1) size 57x28
            RenderText at (9,5) size 22x17
              text run at (9,5) width 22: "foo"
        RenderText {#text} at (269,59) size 8x17
          text run at (269,59) width 8: "b"
        RenderBR {BR} at (277,59) size 0x17
        RenderBR {BR} at (1,84) size 0x17
        RenderText {#text} at (1,109) size 194x17
          text run at (1,109) width 194: "Line-height should be ignored:"
        RenderMenuList {SELECT} at (197,103) size 58x30 [color=#2E3436] [bgcolor=#FFFFFF] [border: (1px solid #2E3436)]
          RenderBlock (anonymous) at (1,1) size 56x28
            RenderText at (9,5) size 22x17
              text run at (9,5) width 22: "foo"
        RenderText {#text} at (257,109) size 7x17
          text run at (257,109) width 7: "a"
        RenderMenuList {SELECT} at (266,103) size 59x30 [color=#8B8E8F] [bgcolor=#FFFFFF] [border: (1px solid #8B8E8F)]
          RenderBlock (anonymous) at (1,1) size 57x28
            RenderText at (9,5) size 23x17
              text run at (9,5) width 23: "bar"
        RenderText {#text} at (327,109) size 8x17
          text run at (327,109) width 8: "b"
        RenderBR {BR} at (335,109) size 0x17
        RenderBR {BR} at (1,134) size 0x17
        RenderText {#text} at (1,163) size 434x17
          text run at (1,163) width 434: "Padding should be respected, the arrow button shouldn't change size:"
        RenderMenuList {SELECT} at (437,153) size 66x38 [color=#2E3436] [bgcolor=#FFFFFF] [border: (1px solid #2E3436)]
          RenderBlock (anonymous) at (5,5) size 56x28
            RenderText at (9,5) size 22x17
              text run at (9,5) width 22: "foo"
        RenderText {#text} at (505,163) size 7x17
          text run at (505,163) width 7: "a"
        RenderMenuList {SELECT} at (514,153) size 66x38 [color=#8B8E8F] [bgcolor=#FFFFFF] [border: (1px solid #8B8E8F)]
          RenderBlock (anonymous) at (5,5) size 56x28
            RenderText at (9,5) size 22x17
              text run at (9,5) width 22: "foo"
        RenderText {#text} at (582,163) size 8x17
          text run at (582,163) width 8: "b"
        RenderBR {BR} at (590,163) size 0x17
        RenderBR {BR} at (1,192) size 0x17
        RenderText {#text} at (1,224) size 176x17
          text run at (1,224) width 176: "Border should be respected:"
        RenderMenuList {SELECT} at (179,211) size 72x44 [color=#2E3436] [bgcolor=#FFFFFF] [border: (8px solid #33CCFF)]
          RenderBlock (anonymous) at (8,8) size 56x28
            RenderText at (9,5) size 22x17
              text run at (9,5) width 22: "foo"
        RenderText {#text} at (253,224) size 7x17
          text run at (253,224) width 7: "a"
        RenderMenuList {SELECT} at (262,211) size 72x44 [color=#8B8E8F] [bgcolor=#FFFFFF] [border: (8px solid #33CCFF)]
          RenderBlock (anonymous) at (8,8) size 56x28
            RenderText at (9,5) size 22x17
              text run at (9,5) width 22: "foo"
        RenderText {#text} at (336,224) size 8x17
          text run at (336,224) width 8: "b"
        RenderBR {BR} at (344,224) size 0x17
        RenderBR {BR} at (1,256) size 0x17
        RenderText {#text} at (1,289) size 116x17
          text run at (1,289) width 116: "Border + padding:"
        RenderMenuList {SELECT} at (119,275) size 74x46 [color=#2E3436] [bgcolor=#FFFFFF] [border: (4px solid #33CCFF)]
          RenderBlock (anonymous) at (9,9) size 56x28
            RenderText at (9,5) size 22x17
              text run at (9,5) width 22: "foo"
        RenderText {#text} at (195,289) size 7x17
          text run at (195,289) width 7: "a"
        RenderMenuList {SELECT} at (204,275) size 74x46 [color=#8B8E8F] [bgcolor=#FFFFFF] [border: (4px solid #33CCFF)]
          RenderBlock (anonymous) at (9,9) size 56x28
            RenderText at (9,5) size 22x17
              text run at (9,5) width 22: "foo"
        RenderText {#text} at (280,289) size 8x17
          text run at (280,289) width 8: "b"
        RenderBR {BR} at (288,289) size 0x17
        RenderBR {BR} at (1,322) size 0x17
        RenderText {#text} at (1,345) size 480x17
          text run at (1,345) width 480: "Height larger than font-size, button should grow, text baseline should center:"
        RenderMenuList {SELECT} at (482,339) size 59x30 [color=#2E3436] [bgcolor=#FFFFFF] [border: (1px solid #2E3436)]
          RenderBlock (anonymous) at (1,1) size 56x28
            RenderText at (9,5) size 22x17
              text run at (9,5) width 22: "foo"
        RenderText {#text} at (542,345) size 8x17
          text run at (542,345) width 8: "a"
        RenderMenuList {SELECT} at (551,339) size 59x30 [color=#8B8E8F] [bgcolor=#FFFFFF] [border: (1px solid #8B8E8F)]
          RenderBlock (anonymous) at (1,1) size 56x28
            RenderText at (9,5) size 22x17
              text run at (9,5) width 22: "foo"
        RenderText {#text} at (611,345) size 9x17
          text run at (611,345) width 9: "b"
        RenderBR {BR} at (619,345) size 1x17
        RenderBR {BR} at (1,368) size 0x17
        RenderText {#text} at (1,391) size 502x17
          text run at (1,391) width 502: "Heigh smaller than font-size, whole select shrinks and is baselined with the text:"
        RenderMenuList {SELECT} at (505,385) size 59x3 [color=#2E3436] [bgcolor=#FFFFFF] [border: (1px solid #2E3436)]
          RenderBlock (anonymous) at (1,1) size 57x28
            RenderText at (9,5) size 22x17
              text run at (9,5) width 22: "foo"
        RenderText {#text} at (566,391) size 7x17
          text run at (566,391) width 7: "a"
        RenderMenuList {SELECT} at (575,385) size 59x3 [color=#2E3436] [bgcolor=#FFFFFF] [border: (1px solid #2E3436)]
          RenderBlock (anonymous) at (1,1) size 57x28
            RenderText at (9,5) size 23x17
              text run at (9,5) width 23: "bar"
        RenderText {#text} at (636,391) size 8x17
          text run at (636,391) width 8: "b"
        RenderBR {BR} at (644,391) size 0x17
        RenderBR {BR} at (1,407) size 0x17
        RenderText {#text} at (1,423) size 168x17
          text run at (1,423) width 168: "select control with size=0: "
        RenderBR {BR} at (169,423) size 0x17
        RenderMenuList {SELECT} at (3,442) size 259x30 [color=#2E3436] [bgcolor=#FFFFFF] [border: (1px solid #2E3436)]
          RenderBlock (anonymous) at (1,1) size 257x28
            RenderText at (9,5) size 96x17
              text run at (9,5) width 96: "Future Series"
        RenderText {#text} at (264,448) size 4x17
          text run at (264,448) width 4: " "
        RenderBR {BR} at (0,0) size 0x0
        RenderText {#text} at (1,473) size 168x17
          text run at (1,473) width 168: "select control with size=1: "
        RenderBR {BR} at (169,473) size 0x17
        RenderMenuList {SELECT} at (3,492) size 259x30 [color=#2E3436] [bgcolor=#FFFFFF] [border: (1px solid #2E3436)]
          RenderBlock (anonymous) at (1,1) size 257x28
            RenderText at (9,5) size 96x17
              text run at (9,5) width 96: "Future Series"
        RenderText {#text} at (264,498) size 4x17
          text run at (264,498) width 4: " "
        RenderBR {BR} at (0,0) size 0x0
        RenderText {#text} at (1,523) size 165x17
          text run at (1,523) width 165: "Non-styled select control: "
        RenderBR {BR} at (166,523) size 0x17
        RenderMenuList {SELECT} at (3,542) size 279x50 [color=#2E3436] [bgcolor=#FFFFFF] [border: (1px solid #2E3436)]
          RenderBlock (anonymous) at (11,11) size 257x28
            RenderText at (9,5) size 96x17
              text run at (9,5) width 96: "Future Series"
        RenderText {#text} at (284,558) size 4x17
          text run at (284,558) width 4: " "
        RenderBR {BR} at (0,0) size 0x0
        RenderText {#text} at (1,593) size 290x17
          text run at (1,593) width 290: "Styled select control with large border-radius: "
        RenderBR {BR} at (290,593) size 1x17
        RenderMenuList {SELECT} at (3,612) size 279x50 [color=#2E3436] [bgcolor=#33CCFF] [border: (1px solid #2E3436)]
          RenderBlock (anonymous) at (11,11) size 257x28
            RenderText at (9,5) size 96x17
              text run at (9,5) width 96: "Future Series"
        RenderText {#text} at (284,628) size 4x17
          text run at (284,628) width 4: " "
        RenderBR {BR} at (0,0) size 0x0