Nested DIVs with Relative positioning lose BG color.

[GoogleCodeExporter]

What steps will reproduce the problem?
1. Create a DIV with .curved class and position: relative
2. Create a nested DIV with .curved class and position: relative and 
background-color: #000
3. View in IE8

What is the expected output? What do you see instead?
Expected outcome: Nested div has curved corners and retains black background.
Actual outcome: Nested div loses background color once script is executed. 
(Can't tell if curve is applied or not)

What version of the product are you using? On what operating system?
IE8 on Win7

Original issue reported on code.google.com by allen%vy...@gtempaccount.com on 16 Aug 2010 at 9:31

[GoogleCodeExporter]

I just encountered the same issue.

I found a fix:

under

rect.style.zIndex = el_zindex - 1;

add

if (fillColor == 'transparent') rect.filled = false;

and replace:

rect.appendChild(fill);

with if (fillColor !== 'transparent') rect.appendChild(fill);

Does anyone know why it uses a separate element for the fill rather than 
setting rect.fillColor? There must be a reason behind it.

Original comment by thejkwhosaysni@gmail.com on 19 Aug 2010 at 4:21