title: Remove last separator from menu
body: <p>I am creating menu in joomla (do not worry if you not know joomla this question is HTML-CSS related).</p>
  
  <p>There is separator<code>(like "|")</code> between each menu.</p>
  
  <p>this is my code
  also on jsfiddle <a href="http://jsfiddle.net/WRuTC/" rel="nofollow">http://jsfiddle.net/WRuTC/</a></p>
  
  <p>HTML</p>
  
  <pre><code>&lt;div id="footerlinks"&gt;        &lt;div class="module"&gt;
              &lt;div&gt;
                  &lt;div&gt;
                      &lt;div&gt;
                                              &lt;table width="100%" cellspacing="1" cellpadding="0" border="0"&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td nowrap="nowrap"&gt;&lt;a class="mainlevel" href="/Parthvi/joomla/WLB/index.php?option=com_content&amp;amp;view=article&amp;amp;id=1&amp;amp;Itemid=11"&gt;HOME&lt;/a&gt;&lt;a class="mainlevel" href="/Parthvi/joomla/WLB/index.php?option=com_content&amp;amp;view=article&amp;amp;id=1&amp;amp;Itemid=12"&gt;ABOUT WLB&lt;/a&gt;&lt;a class="mainlevel" href="/Parthvi/joomla/WLB/index.php?option=com_content&amp;amp;view=article&amp;amp;id=1&amp;amp;Itemid=13"&gt;KEY PERSONNEL&lt;/a&gt;&lt;a class="mainlevel" href="/Parthvi/joomla/WLB/index.php?option=com_content&amp;amp;view=article&amp;amp;id=1&amp;amp;Itemid=14"&gt;CAPABILITIES&lt;/a&gt;&lt;a class="mainlevel" href="/Parthvi/joomla/WLB/index.php?option=com_content&amp;amp;view=article&amp;amp;id=1&amp;amp;Itemid=15"&gt;PROJECTS&lt;/a&gt;&lt;a class="mainlevel" href="/Parthvi/joomla/WLB/index.php?option=com_content&amp;amp;view=article&amp;amp;id=1&amp;amp;Itemid=16"&gt;CONTACT US&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;                    &lt;/div&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
          &lt;/div&gt;
  
                 &lt;/div&gt;
  </code></pre>
  
  <p>CSS</p>
  
  <pre><code>    #footerlinks .module td a {
      border-right: 1px solid #79797A;
      color: #515152;
      font-size: 11px;
      line-height: 42px !important;
      padding-left: 7px;
      padding-right: 7px;
      text-decoration: none;
  }
  </code></pre>
  
  <p>Now, the problem is this css puts separator at right side of menu, and i do not want the last separator(not want right most separator) how can i ?
  any css selector?</p>