layer at (0,0) size 800x600 RenderView at (0,0) size 800x600 layer at (0,0) size 800x446 RenderBlock {HTML} at (0,0) size 800x446 RenderBody {BODY} at (8,8) size 784x430 RenderBlock {DIV} at (0,0) size 784x430 [border: (1px solid #FF0000)] RenderText {#text} at (1,2) size 169x16 text run at (1,2) width 169: "Whitespace in option text:" RenderMenuList {SELECT} at (169.39,1) size 56x18 [bgcolor=#F8F8F8] RenderBlock (anonymous) at (0,0) size 56x18 RenderText at (8,2) size 25x13 text run at (8,2) width 25: "f o o" RenderText {#text} at (225,2) size 8x16 text run at (225,2) width 8: "a" RenderMenuList {SELECT} at (232.50,1) size 56x18 [bgcolor=#F8F8F8] RenderBlock (anonymous) at (0,0) size 56x18 RenderText at (8,2) size 25x13 text run at (8,2) width 25: "f o o" RenderText {#text} at (288,2) size 9x16 text run at (288,2) width 9: "b" RenderBR {BR} at (296,2) size 1x16 RenderBR {BR} at (1,19) size 0x16 RenderText {#text} at (1,36) size 140x16 text run at (1,36) width 140: "Simple select control:" RenderMenuList {SELECT} at (140.52,35) size 49x18 [bgcolor=#F8F8F8] RenderBlock (anonymous) at (0,0) size 49x18 RenderText at (8,2) size 18x13 text run at (8,2) width 18: "foo" RenderText {#text} at (189,36) size 8x16 text run at (189,36) width 8: "a" RenderMenuList {SELECT} at (196.63,35) size 49x18 [color=#808080] [bgcolor=#F8F8F8] RenderBlock (anonymous) at (0,0) size 49x18 RenderText at (8,2) size 18x13 text run at (8,2) width 18: "foo" RenderText {#text} at (245,36) size 9x16 text run at (245,36) width 9: "b" RenderBR {BR} at (253,36) size 1x16 RenderBR {BR} at (1,53) size 0x16 RenderText {#text} at (1,70) size 198x16 text run at (1,70) width 198: "Line-height should be ignored:" RenderMenuList {SELECT} at (198.73,69) size 49x18 [bgcolor=#F8F8F8] RenderBlock (anonymous) at (0,0) size 49x18 RenderText at (8,2) size 18x13 text run at (8,2) width 18: "foo" RenderText {#text} at (247,70) size 8x16 text run at (247,70) width 8: "a" RenderMenuList {SELECT} at (254.83,69) size 49x18 [color=#808080] [bgcolor=#F8F8F8] RenderBlock (anonymous) at (0,0) size 49x18 RenderText at (8,2) size 18x13 text run at (8,2) width 18: "bar" RenderText {#text} at (303,70) size 9x16 text run at (303,70) width 9: "b" RenderBR {BR} at (311,70) size 1x16 RenderBR {BR} at (1,87) size 0x16 RenderText {#text} at (1,104) size 441x16 text run at (1,104) width 441: "Padding should be respected, the arrow button shouldn't change size:" RenderMenuList {SELECT} at (442,103) size 49x18 [bgcolor=#F8F8F8] RenderBlock (anonymous) at (0,0) size 49x18 RenderText at (8,2) size 18x13 text run at (8,2) width 18: "foo" RenderText {#text} at (491,104) size 8x16 text run at (491,104) width 8: "a" RenderMenuList {SELECT} at (498.09,103) size 49x18 [color=#808080] [bgcolor=#F8F8F8] RenderBlock (anonymous) at (0,0) size 49x18 RenderText at (8,2) size 18x13 text run at (8,2) width 18: "foo" RenderText {#text} at (547,104) size 9x16 text run at (547,104) width 9: "b" RenderBR {BR} at (555,104) size 1x16 RenderBR {BR} at (1,121) size 0x16 RenderText {#text} at (1,145) size 180x16 text run at (1,145) width 180: "Border should be respected:" RenderMenuList {SELECT} at (180.05,137) size 63x32 [bgcolor=#F8F8F8] [border: (8px solid #33CCFF)] RenderBlock (anonymous) at (8,8) size 47x16 RenderText at (8,1) size 18x13 text run at (8,1) width 18: "foo" RenderText {#text} at (243,145) size 8x16 text run at (243,145) width 8: "a" RenderMenuList {SELECT} at (250.16,137) size 63x32 [color=#7F7F7F] [bgcolor=#F8F8F8] [border: (8px solid #33CCFF)] RenderBlock (anonymous) at (8,8) size 47x16 RenderText at (8,1) size 18x13 text run at (8,1) width 18: "foo" RenderText {#text} at (313,145) size 9x16 text run at (313,145) width 9: "b" RenderBR {BR} at (321,145) size 1x16 RenderBR {BR} at (1,169) size 0x16 RenderText {#text} at (1,189) size 118x16 text run at (1,189) width 118: "Border + padding:" RenderMenuList {SELECT} at (118.44,185) size 55x24 [bgcolor=#F8F8F8] [border: (4px solid #33CCFF)] RenderBlock (anonymous) at (4,4) size 47x16 RenderText at (8,1) size 18x13 text run at (8,1) width 18: "foo" RenderText {#text} at (173,189) size 8x16 text run at (173,189) width 8: "a" RenderMenuList {SELECT} at (180.55,185) size 55x24 [color=#7F7F7F] [bgcolor=#F8F8F8] [border: (4px solid #33CCFF)] RenderBlock (anonymous) at (4,4) size 47x16 RenderText at (8,1) size 18x13 text run at (8,1) width 18: "foo" RenderText {#text} at (235,189) size 9x16 text run at (235,189) width 9: "b" RenderBR {BR} at (243,189) size 1x16 RenderBR {BR} at (1,209) size 0x16 RenderText {#text} at (1,226) size 492x16 text run at (1,226) width 492: "Height larger than font-size, button should grow, text baseline should center:" RenderMenuList {SELECT} at (492.42,225) size 49x18 [bgcolor=#F8F8F8] RenderBlock (anonymous) at (0,0) size 49x18 RenderText at (8,2) size 18x13 text run at (8,2) width 18: "foo" RenderText {#text} at (541,226) size 8x16 text run at (541,226) width 8: "a" RenderMenuList {SELECT} at (548.53,225) size 49x18 [color=#808080] [bgcolor=#F8F8F8] RenderBlock (anonymous) at (0,0) size 49x18 RenderText at (8,2) size 18x13 text run at (8,2) width 18: "foo" RenderText {#text} at (597,226) size 9x16 text run at (597,226) width 9: "b" RenderBR {BR} at (605,226) size 1x16 RenderBR {BR} at (1,243) size 0x16 RenderText {#text} at (1,260) size 498x16 text run at (1,260) width 498: "Height smaller than font-size, whole select shrinks but baseline is unchanged:" RenderMenuList {SELECT} at (498.20,259) size 49x18 [bgcolor=#F8F8F8] RenderBlock (anonymous) at (0,0) size 49x18 RenderText at (8,2) size 18x13 text run at (8,2) width 18: "foo" RenderText {#text} at (547,260) size 8x16 text run at (547,260) width 8: "a" RenderMenuList {SELECT} at (554.30,259) size 49x18 [bgcolor=#F8F8F8] RenderBlock (anonymous) at (0,0) size 49x18 RenderText at (8,2) size 18x13 text run at (8,2) width 18: "bar" RenderText {#text} at (603,260) size 9x16 text run at (603,260) width 9: "b" RenderBR {BR} at (611,260) size 1x16 RenderBR {BR} at (1,277) size 0x16 RenderText {#text} at (1,293) size 173x16 text run at (1,293) width 173: "select control with size=0: " RenderBR {BR} at (173,293) size 1x16 RenderMenuList {SELECT} at (1,309) size 198x18 [bgcolor=#F8F8F8] RenderBlock (anonymous) at (0,0) size 198x18 RenderText at (8,2) size 70x13 text run at (8,2) width 70: "Future Series" RenderText {#text} at (199,310) size 4x16 text run at (199,310) width 4: " " RenderBR {BR} at (0,0) size 0x0 RenderText {#text} at (1,327) size 173x16 text run at (1,327) width 173: "select control with size=1: " RenderBR {BR} at (173,327) size 1x16 RenderMenuList {SELECT} at (1,343) size 198x18 [bgcolor=#F8F8F8] RenderBlock (anonymous) at (0,0) size 198x18 RenderText at (8,2) size 70x13 text run at (8,2) width 70: "Future Series" RenderText {#text} at (199,344) size 4x16 text run at (199,344) width 4: " " RenderBR {BR} at (0,0) size 0x0 RenderText {#text} at (1,361) size 170x16 text run at (1,361) width 170: "Non-styled select control: " RenderBR {BR} at (170,361) size 1x16 RenderMenuList {SELECT} at (1,377) size 198x18 [bgcolor=#F8F8F8] [border: (1px solid #A6A6A6)] RenderBlock (anonymous) at (1,1) size 196x16 RenderText at (8,1) size 70x13 text run at (8,1) width 70: "Future Series" RenderText {#text} at (199,378) size 4x16 text run at (199,378) width 4: " " RenderBR {BR} at (0,0) size 0x0 RenderText {#text} at (1,395) size 298x16 text run at (1,395) width 298: "Styled select control with large border-radius: " RenderBR {BR} at (298,395) size 1x16 RenderMenuList {SELECT} at (1,411) size 198x18 [bgcolor=#33CCFF] [border: (1px solid #A6A6A6)] RenderBlock (anonymous) at (1,1) size 196x16 RenderText at (8,1) size 70x13 text run at (8,1) width 70: "Future Series" RenderText {#text} at (199,412) size 4x16 text run at (199,412) width 4: " " RenderBR {BR} at (0,0) size 0x0