title: Conditional IE8 style in original CSS file?
body: <p>How can I override this styling for just IE8 browsers (I don't think I care too much for IE7 users anymore unless if the markup is very minimal)?</p>
  
  <pre><code>#menu ul {
      margin:0;
      padding:0;
      width:650px;
      }
  #menu ul li {
      display:inline-block;
      width:110px;
      padding:15px 10px 15px 10px;
      text-align:center;
      color:#000;
      text-decoration:none;
      font-weight:bold;
      background:#e5e5c3;
      }
  </code></pre>
  
  <p>Obviously, IE8 and below doesn't render display inline-block on li elements so how can I conditionally override this in this original CSS file?</p>