Question

I am creating menu in joomla (do not worry if you not know joomla this question is HTML-CSS related).

There is separator(like "|") between each menu.

this is my code
also on jsfiddle http://jsfiddle.net/WRuTC/

HTML

<div id="footerlinks">        <div class="module">
            <div>
                <div>
                    <div>
                                            <table width="100%" cellspacing="1" cellpadding="0" border="0"><tbody><tr><td nowrap="nowrap"><a class="mainlevel" href="/Parthvi/joomla/WLB/index.php?option=com_content&amp;view=article&amp;id=1&amp;Itemid=11">HOME</a><a class="mainlevel" href="/Parthvi/joomla/WLB/index.php?option=com_content&amp;view=article&amp;id=1&amp;Itemid=12">ABOUT WLB</a><a class="mainlevel" href="/Parthvi/joomla/WLB/index.php?option=com_content&amp;view=article&amp;id=1&amp;Itemid=13">KEY PERSONNEL</a><a class="mainlevel" href="/Parthvi/joomla/WLB/index.php?option=com_content&amp;view=article&amp;id=1&amp;Itemid=14">CAPABILITIES</a><a class="mainlevel" href="/Parthvi/joomla/WLB/index.php?option=com_content&amp;view=article&amp;id=1&amp;Itemid=15">PROJECTS</a><a class="mainlevel" href="/Parthvi/joomla/WLB/index.php?option=com_content&amp;view=article&amp;id=1&amp;Itemid=16">CONTACT US</a></td></tr></tbody></table>                    </div>
                </div>
            </div>
        </div>

               </div>

CSS

    #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;
}

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?

Answer 1

 #footerlinks .module td a:last-child{border:0}

But it will not work in ie<8. If you want support also ie7 place border on left and then

 #footerlinks .module td a:first-child{border:0}

If you want to support ie6 you have to add class or style to last (you can use eq. jQuery for fixing it).