title: How do you work around IE not supporting :after?
body: <p>I've got a bunch of lists</p>
  
  <pre><code>&lt;ul&gt;
    &lt;li class="first"&gt;Item 1&lt;/li&gt;
    &lt;li&gt;Item 2&lt;/li&gt;
    &lt;li class="last"&gt;Item 3&lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>
  
  <p>styled with</p>
  
  <pre><code>li:after {
    content: ' / ';
  }
  li.last:after {
    content: '';
  }
  </code></pre>
  
  <p>This has to be a sort of commonplace problem. I'm thinking i could either clutter the html and put in intermediary <code>&lt;li&gt;</code>'s containing the character, or i could hook on a javascript to put them in there if IE is the loading browser, but that wouldn't catch people without javascript. Iuno. I'm leaning towards cluttering the html but I'd like to hear if there are some opinions on this.</p>