Apply css on specific nth-child on IE 7 & 8

Problem

I am working on a payment form that doesn't support inline style or any other modification inside on it. So i need style it with it nth-child. Check live- http://uposonghar.com/check/

I successfully create css of it * working fine on Chrome, Safari, Firefox & IE9. But due to using css3 it doesn't work on IE 7 & 8.

Any idea how to apply same style that work on IE 7 & 8.

My css that need to apply on IE 7 & 8-

<style>
#frmPayment tr:nth-child(2) td:nth-child(1){
    display:none;
}
#frmPayment tr:nth-child(14) td:nth-child(1){
    display:none;
}
</style>
Problem courtesy of: arifix

Solution

If you're interested in using plugins then

selectivizr is a JavaScript utility that emulates CSS3 pseudo-classes and attribute selectors in Internet Explorer 6-8. Simply include the script in your pages and selectivizr will do the rest.

Solution courtesy of: Praveen

Discussion

There is currently no discussion for this recipe.

This recipe can be found in it's original form on Stack Over Flow.