css中active和hover有什么区别？

#ul1 li:hover{cursor: pointer;}

     #ul1 li.active{border-top:2px solid #8B4513;border-bottom:2px solid #FFFFFF;}

被赞次数最多的答案中这两句中hover和active怎么理解？active不应该是鼠标按下去的时候的反应吗，为什么只是经过但没有按下去时就有反应，而且改成hover之后反而不对，框框变成一跳一跳的？

请大家帮忙解答一下，谢谢