title: applying different background color to even and odd items in a <ul>
body: <p>Im trying to apply different background color to even and odd items in a UL.The code below works in Safarii but not in IE6. Is this a limitation in IE6 or is the CSS code incorrect?</p>
  
  <pre><code>ul#caseStudies {   
  float: left;   
  list-style: none;   
  margin: 0;   
  width: 100%;
  }
  ul#caseStudies li {   
  border: 1px solid #999;   
  float: left;   
  margin: 0 10px 10px 0;   
  width: 100px;   
  }  
  
  ul#caseStudies li:nth-child(even) {background: #CCC;}
  ul#caseStudies li:nth-child(odd) {background: #C9C;}
  &lt;/style&gt;
  
  
  &lt;ul id="caseStudies"&gt;
      &lt;li&gt;1&lt;/li&gt;
      &lt;li&gt;2&lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>