CSS3 пирог конфликтует с: первый ребенок

Question

Я использую CSS3 PIE , чтобы добавить поддержку для border-radius для IE8 и более ранних версий, и это конфликтует с селектором: first-child.

По сути, у меня осталось три элемента списка. Каждый из них имеет левое поле 10px, за исключением первого, которое я установил в 0:

#steps li {
    border-radius: 10px;
    float: left;
    margin-left: 10px;
}
#steps li:first-child {
    margin-left: 0;
}

Когда я применяю PIE к селектору #steps li, чтобы добавить поддержку для border-radius, первый элемент списка перерисовывается с левым полем, установленным на 10 пикселей, как если бы селектора #steps li:first-child там не было. Я могу сказать, что это происходит из-за перерисовки элемента PIE, потому что он кратковременно мигает в правильном положении, а затем смещается на 10 пикселей через доли секунды.

Я пытался применить PIE к обоим селекторам, но это не имеет значения, и я не могу найти что-либо, касающееся первенца, на форумах поддержки PIE.

Answer 1

Загляните на официальный форум по CSS3 PIE Forums - IE: переписан первый / последний ребенок

Конечным результатом является то, что вам нужно добавить

#steps css3-container:first-child + li, 
#steps li:first-child {
    margin-left: 0;
}