Question

CSS中设置鼠标悬停效果问题

我做了一个鼠标悬停效果,第一次用的时候用的是背景图片,IE和火狐里显示完全正常,第二次用的时候我把源代码复制了下来,把图片换成了颜色,这样在IE里面前景颜色不会变了,只有字体会变,但在火狐里显示完全正常.这是怎回事呢?
HTML以消息形式发过去了
#dht
{
height:40px; width:100%;
}
#dht ul
{
list-style:none; margin:0 0 0 0px;*margin:0px !important; _margin:0px; text-align:center; color:#519689;
}
#dht .list1
{
width:89px; height:40px; _height:40px; background-color:#66CC99; float:left; margin:0px; padding-top:0px; display:block;
}
#dht .list1 a
{
color:#519689; text-decoration:none;font-weight:bold;
}
#dht .list1 a:hover
{
color:#FFFF00; text-decoration:none;
}
#dht .list2
{
width:89px; height:40px; _height:40px; background:url(../images/moviename_onmouse.gif) repeat-x;float:left; margin:0px;
}
#dht .list2 a
{
color:#519689; text-decoration:none;
}
#dht .list2 a span
{
width:89px; height:33px; display:block; padding-top:7px; cursor:pointer;
}
#dht .list1 a span
{
width:89px; height:33px; display:block; padding-top:7px; cursor:pointer;
}
#dht .list1 a:hover span
{
background:#66CC00; display:block;
}
#dht .list2 a:hover
{
color:#519689; text-decoration:none;
}

Answer 1

替换你相对应CSS,和html

-----------------CSS----------------------------
#dht .list2 span a
{
width:89px; height:33px; display:block; padding-top:7px; cursor:pointer;
}
#dht .list1 span a
{
width:89px; height:33px; display:block; padding-top:7px; cursor:pointer;
}
#dht .list1 span a:hover
{
background:#66CC00; display:block;
}
----------------------html--------------------------

<div class="list1"><span><a href="#">首 页</a></span></div>

Answer 2

能把你的代码贴上来看一下吗?