CSS/HTML问题：悬停和当前页面上的背景

当我将鼠标悬停在我的链接上时，以及当链接是当前活动页面时（有点像dribble.com那样），我试图让我的页面在链接上有一个背景。我使用PHP检查当前页面是否与链接匹配，以便在当前页面中为我的链接分配一个ID“tab”。这是我的CSS

#tab {
    background: url('../images/underline.gif') no-repeat;
    color: #000;
}
#filter a:hover { url('../images/underline.gif') no-repeat;}

当背景是当前页面时，它将正确显示，但不会在鼠标悬停时显示。你知道为什么会这样吗？

不应该吗

#tab {
background: url('../images/underline.gif') no-repeat;
color: #000;
}
#tab:hover { url('../images/underline.gif') no-repeat;}

您的代码缺少

背景：

#tab {
    background: url('../images/underline.gif') no-repeat;
    color: #000;
}
#filter a:hover { 
    background:url('../images/underline.gif') no-repeat;
}