为什么要设这个padding
.menu ul li a
{
width: 80px;
height:30px;
color:#FFFFFF;
padding-top: 9px;
padding-right: 19px;
padding-bottom: 9px;
padding-left: 19px;
}
.menu ul li a:hover{
background-color:#C96;

}
如果不设，效果就是只有链接的文字的背景色变。
设了，扩展到padding的范围背景色变。这是什么原理啊。
[解决办法]
加这个样式
display:inline-blaok
[解决办法]

引用:

请大家注意。我设置了
.menu ul li a
{
width: 80px;
height:30px;
}
为什么背景色不扩展到这个链接的范围。这是我不明白的。

因为a标签默认是内联元素，你设宽高不管用的。
[解决办法]
display:block 指定对象为块元素 然后对a标签设置宽高 这样也是可以的 用内外边界撑开 ie6有时会出现问题