-layer at (0,0) size 785x1150
+layer at (0,0) size 785x1046
RenderView at (0,0) size 785x600
-layer at (0,0) size 785x1150
- RenderBlock {HTML} at (0,0) size 785x1150.31
- RenderBody {BODY} at (8,8) size 769x1112.31
- RenderBlock {DIV} at (72.91,0) size 623.19x472 [border: (4px solid #000000)]
- RenderBlock {P} at (4,20) size 615.19x36
- RenderText {#text} at (0,0) size 580x36
- text run at (0,0) width 580: "Affected Browsers: Safari 2.0, Windows Internet Explorer 6"
- text run at (0,18) width 30: "SP2"
- RenderBlock {HR} at (4,72) size 615.19x2 [border: (1px inset #EEEEEE)]
- RenderBlock {P} at (4,90) size 615.19x54
- RenderText {#text} at (0,0) size 610x54
- text run at (0,0) width 610: "Bug Description: On the Affected Browsers, if a rule sets the"
- text run at (0,18) width 540: "'background-color' of an element, this color cannot be"
- text run at (0,36) width 480: "overridden by 'background:inherit' declarations."
- RenderBlock {HR} at (4,160) size 615.19x2 [border: (1px inset #EEEEEE)]
- RenderBlock {P} at (4,178) size 615.19x90
- RenderText {#text} at (0,0) size 600x54
- text run at (0,0) width 600: "Example: With the following code, the background color of H1"
- text run at (0,18) width 560: "elements stays pink, no matter what background color the"
- text run at (0,36) width 130: "parents have:"
- RenderBR {BR} at (130,36) size 0x18
- RenderText {#text} at (0,54) size 320x18
- text run at (0,54) width 50: " H1 "
- text run at (50,54) width 270: "{ background-color: pink; }"
- RenderBR {BR} at (320,54) size 0x18
- RenderText {#text} at (0,72) size 290x18
- text run at (0,72) width 50: " H1 "
- text run at (50,72) width 240: "{ background: inherit; }"
- RenderBlock {HR} at (4,284) size 615.19x2 [border: (1px inset #EEEEEE)]
- RenderBlock {P} at (4,302) size 615.19x54
- RenderText {#text} at (0,0) size 610x54
- text run at (0,0) width 610: "Work-around: The 'background-color' can only be overridden by"
- text run at (0,18) width 600: "another 'background-color' declaration, or by a 'background'"
- text run at (0,36) width 380: "declaration that does specify a color."
- RenderBlock {HR} at (4,372) size 615.19x2 [border: (1px inset #EEEEEE)]
- RenderBlock (anonymous) at (4,382) size 615.19x18
- RenderText {#text} at (0,0) size 401x18
- text run at (0,0) width 401: "This is in contradiction with the CSS2 specification which says:"
- RenderBlock {UL} at (4,416) size 615.19x36
- RenderListItem {LI} at (40,0) size 575.19x36
- RenderListMarker at (-17,0) size 7x18: bullet
- RenderText {#text} at (0,0) size 29x18
+layer at (0,0) size 785x1046
+ RenderBlock {HTML} at (0,0) size 785x1046.31
+ RenderBody {BODY} at (8,8) size 769x1008.31
+ RenderBlock {DIV} at (72.91,0) size 623.19x424 [border: (4px solid #000000)]
+ RenderBlock {P} at (4,20) size 615.19x16
+ RenderText {#text} at (0,0) size 596x16
+ text run at (0,0) width 596: "Affected Browsers: Safari 2.0, Windows Internet Explorer 6 SP2"
+ RenderBlock {HR} at (4,52) size 615.19x2 [border: (1px inset #EEEEEE)]
+ RenderBlock {P} at (4,70) size 615.19x48
+ RenderText {#text} at (0,0) size 586x48
+ text run at (0,0) width 586: "Bug Description: On the Affected Browsers, if a rule sets the"
+ text run at (0,16) width 519: "'background-color' of an element, this color cannot be"
+ text run at (0,32) width 461: "overridden by 'background:inherit' declarations."
+ RenderBlock {HR} at (4,134) size 615.19x2 [border: (1px inset #EEEEEE)]
+ RenderBlock {P} at (4,152) size 615.19x80
+ RenderText {#text} at (0,0) size 615x48
+ text run at (0,0) width 577: "Example: With the following code, the background color of H1"
+ text run at (0,16) width 615: "elements stays pink, no matter what background color the parents"
+ text run at (0,32) width 49: "have:"
+ RenderBR {BR} at (48,32) size 1x16
+ RenderText {#text} at (0,48) size 308x16
+ text run at (0,48) width 49: " H1 "
+ text run at (48,48) width 260: "{ background-color: pink; }"
+ RenderBR {BR} at (307,48) size 1x16
+ RenderText {#text} at (0,64) size 279x16
+ text run at (0,64) width 49: " H1 "
+ text run at (48,64) width 231: "{ background: inherit; }"
+ RenderBlock {HR} at (4,248) size 615.19x2 [border: (1px inset #EEEEEE)]
+ RenderBlock {P} at (4,266) size 615.19x48
+ RenderText {#text} at (0,0) size 586x48
+ text run at (0,0) width 586: "Work-around: The 'background-color' can only be overridden by"
+ text run at (0,16) width 577: "another 'background-color' declaration, or by a 'background'"
+ text run at (0,32) width 365: "declaration that does specify a color."
+ RenderBlock {HR} at (4,330) size 615.19x2 [border: (1px inset #EEEEEE)]
+ RenderBlock (anonymous) at (4,340) size 615.19x16
+ RenderText {#text} at (0,0) size 410x16
+ text run at (0,0) width 410: "This is in contradiction with the CSS2 specification which says:"
+ RenderBlock {UL} at (4,372) size 615.19x32
+ RenderListItem {LI} at (40,0) size 575.19x32
+ RenderListMarker at (-16,0) size 6x16: bullet
+ RenderText {#text} at (0,0) size 29x16
text run at (0,0) width 29: "The "
- RenderInline {A} at (0,0) size 81x18 [color=#0000EE]
- RenderText {#text} at (29,0) size 81x18
- text run at (29,0) width 81: "'background'"
- RenderText {#text} at (110,0) size 563x36
- text run at (110,0) width 453: " property first sets all the individual background properties to their initial"
- text run at (0,18) width 373: "values, then assigns explicit values given in the declaration."
- RenderBlock {DIV} at (72.91,502) size 623.19x610.31 [color=#008000] [bgcolor=#90EE90] [border: (4px solid #008000)]
- RenderBlock (anonymous) at (4,4) size 615.19x18
- RenderText {#text} at (0,0) size 219x18
- text run at (0,0) width 219: "This DIV has a green background."
- RenderBlock {H1} at (61.52,43.44) size 500.14x156 [border: (4px solid #008000)]
- RenderText {#text} at (4,4) size 445x148
- text run at (4,4) width 441: "This header should have a green"
- text run at (4,41) width 418: "background (not pink) but the"
- text run at (4,78) width 445: "inline style rule is ignored on the"
- text run at (4,115) width 258: "Affected Browsers."
- RenderBlock (anonymous) at (4,229.44) size 615.19x18
- RenderText {#text} at (0,0) size 157x18
- text run at (0,0) width 157: "The DIV continues here."
- RenderBlock {H1} at (61.52,268.88) size 500.14x156 [border: (4px solid #008000)]
- RenderText {#text} at (4,4) size 449x148
- text run at (4,4) width 441: "This header should have a green"
- text run at (4,41) width 418: "background (not pink) but the"
- text run at (4,78) width 449: "!important rule is ignored on the"
- text run at (4,115) width 258: "Affected Browsers."
- RenderBlock (anonymous) at (4,454.88) size 615.19x18
- RenderText {#text} at (0,0) size 157x18
- text run at (0,0) width 157: "The DIV continues here."
- RenderBlock {H1} at (61.52,494.31) size 500.14x82 [color=#FF0000] [bgcolor=#FFC0CB] [border: (4px solid #FF0000)]
- RenderText {#text} at (4,4) size 485x74
+ RenderInline {A} at (0,0) size 83x16 [color=#0000EE]
+ RenderText {#text} at (28,0) size 83x16
+ text run at (28,0) width 83: "'background'"
+ RenderText {#text} at (110,0) size 536x32
+ text run at (110,0) width 426: " property first sets all the individual background properties to their"
+ text run at (0,16) width 424: "initial values, then assigns explicit values given in the declaration."
+ RenderBlock {DIV} at (72.91,454) size 623.19x554.31 [color=#008000] [bgcolor=#90EE90] [border: (4px solid #008000)]
+ RenderBlock (anonymous) at (4,4) size 615.19x16
+ RenderText {#text} at (0,0) size 221x16
+ text run at (0,0) width 221: "This DIV has a green background."
+ RenderBlock {H1} at (61.52,41.44) size 500.14x136 [border: (4px solid #008000)]
+ RenderText {#text} at (4,4) size 445x128
+ text run at (4,4) width 442: "This header should have a green"
+ text run at (4,36) width 415: "background (not pink) but the"
+ text run at (4,68) width 445: "inline style rule is ignored on the"
+ text run at (4,100) width 260: "Affected Browsers."
+ RenderBlock (anonymous) at (4,207.44) size 615.19x16
+ RenderText {#text} at (0,0) size 159x16
+ text run at (0,0) width 159: "The DIV continues here."
+ RenderBlock {H1} at (61.52,244.88) size 500.14x136 [border: (4px solid #008000)]
+ RenderText {#text} at (4,4) size 448x128
+ text run at (4,4) width 442: "This header should have a green"
+ text run at (4,36) width 415: "background (not pink) but the"
+ text run at (4,68) width 448: "!important rule is ignored on the"
+ text run at (4,100) width 260: "Affected Browsers."
+ RenderBlock (anonymous) at (4,410.88) size 615.19x16
+ RenderText {#text} at (0,0) size 159x16
+ text run at (0,0) width 159: "The DIV continues here."
+ RenderBlock {H1} at (61.52,448.31) size 500.14x72 [color=#FF0000] [bgcolor=#FFC0CB] [border: (4px solid #FF0000)]
+ RenderText {#text} at (4,4) size 485x64
text run at (4,4) width 485: "This header has a pink background"
- text run at (4,41) width 219: "and that's good."
+ text run at (4,36) width 218: "and that's good."