nth-child does not have precedence in IE6

[GoogleCodeExporter]

In case such as:

.leftColumn .content > .heading
{
    /* colors */
}
.leftColumn .content:nth-child(even) > .heading
{
    /* alternate colors */
}

I should see (and do, in IE7-8) the alternate colors appear in the headings of 
even-numbered boxes.  In IE6, I don't.  If I change .leftColumn in the second 
rule to include a second class that's also on the matching .leftColumn, as in 
.leftColumn.otherClass, the problem goes away.

A functioning test case is attached.  This is with 2.1(beta4), IE9.js.

Original issue reported on code.google.com by geo...@gmail.com on 8 Feb 2011 at 5:12

Attachments:

• testcase.html