展開一個元素以填充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%; 
}