用CSS+JS做的下拉导航，为什么鼠标放到导航上有灰色的方块

Question

怎么消掉这个方块啊。。
#nav a { width: 80px; text-align:center; display: block;
}
#nav a:visited { text-decoration:none;
}
#nav a:hover {
color:#FFF;text-decoration:none;font-weight:bold;
}
#nav li a:hover{ background:#999;
}
#nav li ul {
line-height: 27px; list-style-type: none;text-align:left;
left: -999em; width: 180px; position: absolute;
}
#nav li ul li{
float: left; width: 180px;
background: #F6F6F6;
}
#nav li ul a{ width: 156px;text-align:left;padding-left:24px;
}
#nav li ul a:link {
color:#666; text-decoration:none;
}
#nav li ul a:visited {
color:#666;text-decoration:none;
}
#nav li ul a:hover {
color:#F3F3F3;text-decoration:none;font-weight:normal;
background:#CC0062;
}
#nav li:hover ul {
left: auto;
}
#nav li.sfhover ul {
left: auto;
}
#content {
clear: left;
}

Answer 1

因为你加了背景，如：
#nav li a:hover{ background:#999; }

Answer 2

贴个代码，要不没法分析

Answer 3

代码，代码，代码，代码！

Answer 4

#nav li a:hover{ background:#999; }
去掉