Html ：最后一个未使用导航栏的孩子？

这是我导航栏的代码，我正在尝试删除最后一个列表项的右边框。我知道我需要使用psuedo标识符：last child，但我似乎无法让它工作。有什么想法吗？

从技术上讲，

li

s不是

ul

元素的子元素，因为它们由

a

元素包裹。将

a

移动到

li

的内部，然后再次使用相同的代码

<div id="header"><!--start #header-->
    <img id="logo" height="80" src="../resources/CHUG-LOGO.png" />
    <ul>
        <a href="../home" title="Home"><li id="home"><h2>Home</h2></li></a>
        <a href="../about" title="About"><li id="about"><h2>About</h2></li></a>
        <a href="../store" title="Store"><li id="store"><h2>Store</h2></li></a>
        <a href="../contact" title="Contact"><li id="contact"><h2>Contact</h2></li></a>
    </ul>                    
</div><!--end #header-->

但不要忘记最后一点：child在IE6、IE7和IE8中不工作：

---

如果我将“a”移动到“li”的内部，则您只需单击文本链接即可工作。我希望整个列表项都是链接，而不仅仅是文本。很高兴知道，谢谢，但是有没有办法让整个LI仍然是链接？让

显示：block
添加
显示：block
到
a
元素的CSS中，并将它们的高度和宽度设置为
100%
。你们真是太棒了。非常感谢你！你真的不应该把李包在标签里。LI应该是UL元素的直接子元素。
#header ul a:last-child li {
  border-right: none
}