リンクのCSSが反映されない

オリジナルのテンプレートを作成中です。

【HTML】
<div class="r-entry-data">
posted on <%topentry_year>-<%topentry_month>-<%topentry_day><br/>
comment<!--allow_comment-->[<a href="<%topentry_link>#comm"><%topentry_comment_num></a>]<!--/allow_comment--><!--deny_comment-->[-]<!--/deny_comment-->　
trackback<!--allow_tb-->[<a href="<%topentry_link>#tb"><%topentry_tb_num></a>]<!--/allow_tb--><!--deny_tb-->[-]<!--/deny_tb-->
</div>

【CSS】
.r-entry-data {
text-align: right;
margin: 0;
}

.r-entry-data a {
color: #000000;
text-decoration: none;
background: #cccccc;
}

.r-entry-data a:hover {
color: #000000;
text-decoration: none;
background: #ffcccc;
}

上記のような記述で、コメント数、トラックバック数にリンクをはりたいのですがCSSが反映されません。
どこを改善すればいいのでしょうか。

ちなみに、テンプレート編集画面の「プレビュー」ボタンを押したとき（http://coreamania.blog110.fc2.com/?preview&index）は希望通りに反映され、テンプレート管理ページのテンプレート名からのリンクで確認したとき（http://coreamania.blog110.fc2.com/?template=Pretend-King&index）は反映されていません。実際にテンプレートを適用してみると後者の表示になってします。