I am using the following control generated through a CMS:

HTML Code:
<ol class="sf_pager">
    <li>
        <a id="ctl00_Content_ctl00_ctl00_ctl00_ctl00_pager2_ctl00_PageRepeaterLinkButton_ctl01_SingleItem" class="sf_PagerSelItem" disabled="disabled">1</a>
    </li>
</ol>
I am trying to change the colour of the "disabled" part of the anchor link (at the end of the above scroll box) through the following CSS target:

Code:
ol.sf_pager li a.sf_PagerSelItem
{
    color:#E1143B;
}
This works in Firefox for the anchor tag generically, but IE is reading something separate from the generic anchor tag colour. I've tried searching Google but do not know how to target it properly so that it works in IE also (it's currently showing up in grey in IE whereas the hex #E1143B is an off-red colour).

I think the CSS for IE must be something like:

Code:
ol.sf_pager li a[disabled="disabled"].sf_PagerSelItem
{
    color:#E1143B;
}
But I can't get it to work! Bit of a longshot but if anyone can help out I'd really appreciate it.