为什么要设这个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有时会出现问题