title: Remove margin in last child
body: <p>My code here:</p>
  
  <p><strong>HTML</strong></p>
  
  <pre><code>&lt;nav id="pages"&gt;
      &lt;ul&gt;
          &lt;li&gt;&lt;a href="#"&gt;Home&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href="#"&gt;About&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href="#"&gt;Donate&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href="#"&gt;Video&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href="#" class="last"&gt;Contact&lt;/a&gt;&lt;/li&gt;
      &lt;/ul&gt;
  &lt;/nav&gt;  &lt;!-- end pages --&gt;
  </code></pre>
  
  <p><strong>CSS</strong></p>
  
  <pre><code>#pages{
      position: absolute;
      right: 0;
      top: 70px;
  
      ul li{
          float: left;
          margin-right: 5px;
  
          a{
              color: @link-color;
              display: block;
              padding: 0 10px;
              border-radius: 5px;
              font-weight: bold;
          }
      }
  }
  
  .last{
      margin-right: 0;
  }
  </code></pre>
  
  <p>I add class "last" to last child to remove margin but not effected. I don't use :last-child because it will not with IE6 or IE7. Hope someone help?</p>