Ext中的button中文字体的CSS修正

最近在用Ext（一边学一边用，探索是痛苦滴，残念），外观pp滴，可惜在中文下面总是有点别扭。

例如button，在ie下面字会偏到上面去，尤其是有图片的button，而在firefox下面，11px的字体就别扭了，直接改成12的话又会把背景图片撑开，button下面会出现一行点点。

下面是hack的代码，只针对button的：

/* Ext Style Hack */

.ext-ie .x-btn button {
	padding-top:5px;
}
.ext-ie .x-btn-text-icon .x-btn-center .x-btn-text {
	padding: 5px 0 0 20px;
}
.ext-gecko .x-btn button {
	font-size: 12px;
	padding-top: 0;
}
.ext-gecko .x-btn-text-icon .x-btn-center .x-btn-text {
	padding: 2px 0 2px 18px;
}

我将代码用加到<style......</style>放在html页面不行；加到ext-all.css也不行！

/* Ext Style Hack */ 
 
.ext-ie .x-btn button {  
    padding-top:5px;  
}  
.ext-ie .x-btn-text-icon .x-btn-center .x-btn-text {  
    padding: 5px 0 0 20px;  
}  
.ext-gecko .x-btn button {  
    font-size: 12px;  
    padding-top: 0;  
}  
.ext-gecko .x-btn-text-icon .x-btn-center .x-btn-text {  
    padding: 2px 0 2px 18px;  
} 

grid中加入一个icon也有导致文字偏上的问题

觉得是icon的上下左右间距不一致造成的

还请教高手们看看

本来正想修改这个问题呢,呵呵,lz已经无私奉献了.
老郁再接再厉把其他的字体问题也搞定吧.