記事移動ナビの表示色等を変更するとデザインが乱れる

テンプレートdo_ichigo3cをカストマイズ中です。
記事移動とページ移動のナビの表示色等を変更したいと思っています。
ページ移動の変更（下記の１）は、うまくいくのですが、
まったく同じコーディングで記事移動も変更（下記の２）すると
ブログのデサインが乱れます。何が原因なのでしょうか。
よろしくお願いします。

/*****オリジナルCSS*****/
.navi a:hover, .pnavi a:hover, #footer a:hover {
background:#f99; /* 背景色 */
color:#fff; /* 文字色 */
text-decoration:none;
}

/***** １．pnaviのみ変更（ＯＫ）*****/
.navi a:hover {
background:#f99; /* 背景色 */
color:#fff; /* 文字色 */
text-decoration:none;
}

.pnavi a , .pnavi a:visited {
color:#666;
text-decoration:none;
line-height:2em;
padding:0.2em 0.5em;
border:1px dotted #fff;
}
.pnavi a:hover {
color:#444;
border: 1px solid #ccc;
background:#f5f5f5;
}

/***** ２．naviとpnaviを変更（ＮＧ）*****/
上記のpnaviの記述
上記のpnavi記述のpnaviをnaviに変えた記述