I'm breaking my head with this simple problem. I know its not a bug nor a cross browser issue, tested on firefox and internet explorer. Simply I don't understand why its resolving this way.

This are the css rules:

.division a { color: red; }
.links a {color: blue;}

This is the html code

<div class="division">
<a class="links" href="http://somesite.com">Somesite</a>

In my humble opinion both rules have the same specificity but I expected the link to show in BLUE because the second rule is closer, but the link is shown in RED

Any idea what is my assuming wrong, How to make this code work. I want to use a class for the links, not an id. I also want to be able to style the link states.

Really appreciate the help. Thanks in advance.