title: Applying Style to last li in a ul with CSS / Jquery
body: <p>Given the following HTML:</p>
  
  <pre><code>&lt;ul&gt;
     &lt;li&gt;&lt;div&gt;Some content&lt;/div&gt;&lt;/li&gt;
     &lt;li&gt;&lt;div&gt;some more content&lt;/div&gt;&lt;/li&gt;
     &lt;li&gt;&lt;div&gt;final content&lt;/div&gt;&lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>
  
  <p>I would like to apply a top border around each div. On the last div I would like to put a bottom border. I am targeting IE7/8. I have the top border working fine, I need help getting the bottom border.</p>
  
  <p>I've tried:         </p>
  
  <pre><code>   ul &gt; li:last-child &gt; div
      {
          border-bottom: solid 1px black;
      }
  </code></pre>
  
  <p>I've also tried using last-type-of.</p>
  
  <p>I am looking for a CSS solution and a Jquery solution</p>