Question

CSS a:hover background-color无效

麻烦前辈们指点一下，我在做横向导航栏的时候，将ul li都设成了行内元素并为ul设定了背景颜色 为什么当我设定了a的background-color属性后 ，a:hover的background-color属性无效呢， 但a:hover指定color属性却有效的； 但去掉a的backgtound-color属性 a:hover中的background-color才生效了。 CSS代码如下
body {
font-family: Arila, sans-serif;
font-size: small;
margin: 0;
}

#navbar {
margin: auto;
width: 900px;
border: 1px solid green;
background-color: #C6E7FF;
text-align: center;
padding: 80px 0 5px 0;
}

#navbar ul {
border: 1px solid red;
display: inline;
padding: 5px 0;
}

#navbar ul li {
border: 1px solid yellow;
list-style: none;
display: inline;
margin: 10px;
}

#navbar ul li a {
background-color: yellow;
border: 1px solid black;
padding: 5px 20px;
text-decoration: none;

-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
behavior: url(ie-css3.htc);
position: relative;
z-index: 2;
}

a:hover {
background-color: green;
color: red;
}

Answer 1

最后一个样式：
#navbar ul li a:hover {
background-color: green;
color: red;
}

Answer 2

display: block