Правило CSS «.drop.a» применяется к классу «drag a»

У меня есть следующая разметка HTML:

<div class="drag a"></div>
<div class="drop a"></div>

У меня также есть следующее правило CSS, которое следует применять только ко второму элементу div:

.drop.a
{
   background-color:red;
}

Это работает нормально, за исключением того, что в Internet Explorer 9 правило CSS применяется к обоим элементам.

Почему это? Я думал, что этот вид CSS универсально совместим со всеми браузерами?