Pseudo Class Strange Specificity Behaviour

Just a quick note to remind myself to blog about this in more detail.

1. Have an ANCHOR element with a class and associated selector in one file like:
<div class="SearchButtonBar">
    <div class="Button"><a tabindex="31" onclick="return false" href="#">Clear</a></div>
</div>

Styles1.css

.Button a:link {

    color: #FFFFFF;

 }

2.  Then in another style sheet, over-ride that style with a specific selector such as

Styles2.css

.SearchButtonBar .Button a:link {

    color: #002D47;

}

What i've found is that all the 'Developer Tools' in FireBug, IE, and Google all display that the style is being over-riden and the computed 'color' attribute for the ANCHOR element in fact displays the correct HEX value (#002D47) but the text still renders WHITE (#FFFFFF)

... WTF???!?!?!?