inline-block: Firefox 4 против IE 9

Я не понимаю, почему IE9 удивительным образом интерпретирует такое базовое поведение. В Firefox 4 или Chrome 11 я вижу, что div появляются рядом сторона, как я ожидал. Однако в IE9 я вижу, что div-ы появляются один под другим.

<div style='border: black solid 1px'>
   <div style='display: inline-block; width: 10em; height: 1em; background-color: red'>
      block one
   </div>
   <div style='display: inline-block; width: 10em; height: 1em; background-color: green'>
      block two
   </div>
</div>

Я уверен, что IE9 соответствует стандартам, так что мне не хватает?

Любая помощь будет принята с благодарностью!

ОБНОВЛЕНИЕ: Вау, это странно. Раньше у меня не было объявления DOCTYPE. В тот момент, когда я добавляю вверху страницы IE9 работает нормально, как Firefox и Chrome. Есть идеи, что это было раньше?