展开元素以填充li

Question

我正在尝试扩展此jsfiddle的a元素以填充li元素，但display:block不起作用，因为我正在使用表来分隔它们。

如何才能使我的彩色角落工作？因为我在a和li元素上都有背景设置，以给出彩色角落的幻觉。

http://jsfiddle.net/286bu/

Answer 1

在height代码中添加a参数，使其填满li的整个高度：

.menu a {
    font-size: 11px;
    color: #FFFFFF;
    display: block;
    background: #000;
    padding: 5px 20px;
    -webkit-border-radius: 0px 0px 10px 0px;
    border-radius: 0px 0px 10px 0px;
    text-transform: uppercase;
    height:100%;
}