Почему встроенные блочные элементы не отображаются правильно в Internet Explorer 8?

У меня есть следующий код:

<div style='width: 200px; border: 1px solid black;'>
  <div style='display: inline-block; width: 70px; border: 1px solid green;'>
    asdfasdf<br />asdf
  </div>
  <div style='display: inline-block; width: 70px; border: 1px solid green;'>
    asdfasdf<br />were
  </div>
</div>

Он отлично отображается в Firefox и Chrome, но не в Internet Explorer 8. У них есть макет, так что это не проблема, а ширина достаточно мала, чтобы поместиться в одну строку.

Если я использую вместо этого , это действительно сработает; однако мне бы очень хотелось узнать, почему

поделиться