I've got an IE8 specificity problem which is driving me nuts: http://proffetdemo.themesforge.com/shop/

The following selector is applied correctly in Chrome/Firefox et. al.

Code:
.tfshop-3 ul.products li.product {
    width: 30.5% !important;
}
But in IE8 it is completely ignored. The selector above is an override of another selector:

Code:
ul.products li.product {
    float: left;
    margin: 0 0 20px;
    position: relative;
    width: 48%;
}
Anyone know why IE8 is ignoring the more specific selector?