兼容问题，文字在IE6有点偏上，写下这个问题，以后用得着，大家有更好方法，请留言给我。

网页代码：

<div class="tit"><div class="tit_ico">产品分类</div></div>

起初的css：

.tit{height:30px; line-height:30px; overflow:hidden; background:url(../images/tit_bg.gif) center repeat-x #FFF; border:1px solid #CCC; border-bottom:1px solid #F00;}
.tit_ico{background:url(../images/ico.gif) center left no-repeat; text-indent:10px; margin-left:10px; height:30px; line-height:30px;}

效果：

很明显，在IE6里面，文字有点偏上。

修改后的css：

.tit{height:30px; line-height:30px; overflow:hidden; background:url(../images/tit_bg.gif) center repeat-x #FFF; border:1px solid #CCC; border-bottom:1px solid #F00;}
.tit_ico{background:url(../images/ico.gif) 0 10px no-repeat; text-indent:10px; margin-left:10px; _padding-top:2px;}

效果：

使用了绝对值，和_padding-top:2px;后火狐和IE6一样了。
如果有更好的方法，希望大家共享一下。