关于使用ul做导航菜单的有关问题

关于使用ul做导航菜单的问题
首先设置了li伪类
li:hover
{
    background-color: #E7E7E7;
}

.clicked{background-color:#D4D4D4;}

然后处理点击后的背景颜色
$(document).ready(function () {
    $("li").each(function (index) {
        $(this).click(function () {
            $("li").removeClass("clicked");
            $("li").eq(index).addClass("clicked");
        });
    });
});

我想实现这样的效果，当某个列表项点击过了，也就是背景样式设置为clicked了，鼠标悬停它上面就不要在改变颜色了（不改为#E7E7E7），该如何做呢，


[解决办法]
link /* 未访问的链接 */
visited /* 已访问的链接 */
hover/* 鼠标移动到链接上 */
active/* 选定的链接 */
不过貌似低版本的ie只支持a标签，
[解决办法]
每个li添加个class如class="ovli"
li.ovli:hover
{
    background-color: #E7E7E7;
}
这样就可以了