I have a graph where some elements are generated via CSS, namely the trace below the quantity scale:

CSS Used:

#results .chart-scale li{
    font-size:16px;
    line-height:18px;
    padding-top:38px;
    font-family:'latolight', sans-serif;
    position:relative;
}
#results .chart-scale li:after{
    content: "";
    display:block;
    height:1px;
    width:28px;
    background-color:#0d3e38;
    opacity:0.3;
    position:absolute;
    bottom:0;
    right:-14px;
}
#results .chart-scale li:last-child:after{
    background-color:transparent;
}

Problem

In old browsers like IE8, the last statement li:last-child:after where the background color is retained for the initial amount that is zero, being represented as empty in the chart does not work:

Question

JSFiddle Example

How can I cope with the use of the% css% s statement in Internet Explorer 8?

If relevant, the chart already makes use of jQuery, so a solution using the use of JavaScript is also feasible.