IE8 отображает встроенный блок не работает

Скажем, у меня есть следующий код

<style type="text/css" media="all">
  span, ul, ul li {
    display: inline-block;
    vertical-align: top;
    margin: 0;
    padding: 0;
    list-style: none;
  }   
</style>
<span>i would want</span>
<ul>
  <li>this</li>
  <li>on</li>
  <li>one line.</li>
</ul>

. Я хочу, чтобы он отображался встроенным в IE8. Везде, где я читал, все сказано, что это должно работать, IE8 поддерживает встроенный блок. Однако после утренних попыток я не могу выстроить вышеперечисленное. Я знаю, что могу разместить его, но с другими элементами на моей странице (здесь не показаны) мне нужно было бы использовать «clearfix», который больше размечен. Мне нужно настроить таргетинг только на IE8, и я хотел бы знать, почему встроенный блок не работает для меня, когда очевидно, что он поддерживается. Приведенный выше код делает то, что я хочу, при просмотре в Google Chrome.