current page itemの設定について

お世話になります。
現在いる固定ページのメインメニューに、下線のボーダーをつけているのですが、
固定ページの下の階層のドロップダウンメニューにも、hover時ボーダーが入ってしまいます。
どのように解除すればよろしいでしょうか？
ご教示いただければ幸いです。

.navi a:visited, .navi a:hover, .navi a:active {
display: inline;
text-decoration: none;
border-color: #CCCCCC;
color: #222222;
}
.main-navigation .current-menu-item a, .main-navigation .current_page_item a {
color: #222222;
padding-bottom: 28px;
border-bottom: 3px solid #CCCCCC;
}