960gs alpha and omega classes ignored in ≤IE8

Question

http://templesmc.staging.wpengine.com/tutv/

In parts of my site where I am using the alpha and omega classes for nested grid divs, Internet Explorer 8 and below do not seem to acknowledge the existence of these classes. In IE's inspector, it shows the original grid margins of 10px in place without being overridden by alpha/omega classes.

This breaks the layout by leaving an extra 10px of margin.

I've searched all over – I'm aware of the IE8 top margin bug, but I've seen nothing about problems with left and right margins.

Answer 1

The problem is that in css, the classes alpha and omega uses nth-child that not works in IE8 and below : .alpha, .has-taxonomy-show.singular #content .video-sidebar .video-section .video-item:nth-child(even)

.omega, .has-taxonomy-show.singular #content .video-sidebar .video-section .video-item:nth-child(odd)

you should do this with JQuery just for IE8<