title: IE8 display inline-block not working
body: <p>Say I have the following code</p>
  
  <pre><code>&lt;style type="text/css" media="all"&gt;
    span, ul, ul li {
      display: inline-block;
      vertical-align: top;
      margin: 0;
      padding: 0;
      list-style: none;
    }   
  &lt;/style&gt;
  &lt;span&gt;i would want&lt;/span&gt;
  &lt;ul&gt;
    &lt;li&gt;this&lt;/li&gt;
    &lt;li&gt;on&lt;/li&gt;
    &lt;li&gt;one line.&lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>
  
  <p>I want this to display inline in IE8. Everywhere I have read everything says this should work, IE8 supports inline-block. However after a morning of trying I cant get the above to line up. I know I could float it, but with the other elements on my page (not shown here) I would need to use a 'clearfix' which is more mark up. I only need to target IE8 and would love to know why inline block doesn't work for me when apparently its supported. The above code does what I want when viewed in Google Chrome.</p>