急求！请问大家，这一小段代码是哪里有问题呢？

很奇怪，把属标移动到每一个选择框上，都会出现类似由下往上的动画，
慢动作撷图:




站点直接演示：
http://folio.7a.cc/forum.php?mod=forumdisplay&fid=40

我不是完全都没做过检查，经过我仔细又详细的检查之后我发现是css里面其中一段语句在控制这个的，

.link, .link a, a.link{ color:#444;}
a:hover { color:{HOVERCOL};
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
a.linkem{background:{ALLCOL};color: #FFF;padding: 0 5px;margin-right: 5px;}
a:hover.linkem{ text-decoration:none;color: #FFF;}

.topbg{background: url("{STYLEIMGDIR}/topbg.png") repeat;}
.blackbg{background: url("{STYLEIMGDIR}/black.png") repeat;}

::selection {background:{HOVERCOL};color:#FFF;text-shadow: none;}

其中若删除a:hover { color:{HOVERCOL};这一句，即可恢复正常，但是文字的特效却通通消失不见！
请问要怎么样才能正确的把这个滑动效果删除，又不影响其他文字效果呢？


谢谢大家！拜托了！