CSS按钮-按钮上没有文本

我确实在的帮助下创建了一些CSS按钮，但出于某种原因，文本不是完全在按钮上，而是从底部穿过。

我想这是因为我的一些主要CSS？有什么方法可以覆盖它吗？我必须使用哪个属性

Css代码：

  <style type="text/css">
.classname {
    -moz-box-shadow:inset 0px 1px 0px 0px #fce2c1;
    -webkit-box-shadow:inset 0px 1px 0px 0px #fce2c1;
    box-shadow:inset 0px 1px 0px 0px #fce2c1;
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ffc477), color-stop(1, #fb9e25) );
    background:-moz-linear-gradient( center top, #ffc477 5%, #fb9e25 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffc477', endColorstr='#fb9e25');
    background-color:#ffc477;
    -moz-border-radius:6px;
    -webkit-border-radius:6px;
    border-radius:6px;
    border:1px solid #eeb44f;
    display:inline-block;
    color:#ffffff;
    font-family:arial;
    font-size:15px;
    font-weight:bold;
    padding:6px 24px;
    text-decoration:none;
    text-shadow:1px 1px 0px #cc9f52;
}.classname:hover {
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #fb9e25), color-stop(1, #ffc477) );
    background:-moz-linear-gradient( center top, #fb9e25 5%, #ffc477 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fb9e25', endColorstr='#ffc477');
    background-color:#fb9e25;
}.classname:active {
    position:relative;
    top:1px;
}
/* This imageless css button was generated by CSSButtonGenerator.com */
</style>

.类名{
-moz盒阴影：插入0px 1px 0px 0px#fce2c1；
-网络工具包盒阴影：插图0px 1px 0px 0px#fce2c1；
盒影：插入0px 1px 0px 0px#fce2c1；
背景：-webkit渐变（线性、左上、左下、颜色停止（0.05，#ffc477）、颜色停止（1，#fb9e25））；
背景：-莫兹线性梯度（中心顶部，#ffc477 5%，#fb9e25 100%）；
过滤器：progid:DXImageTransform.Microsoft.gradient（startColorstr='#ffc477'，endColorstr='#fb9e25'）；
背景色：#ffc477；
-moz边界半径：6px；
-webkit边界半径：6px；
边界半径：6px；
边框：1px实心#eeb44f；
显示：内联块；
颜色：#ffffff；
字体系列：arial；
字体大小：15px；
字体大小：粗体；
填充：6px 24px；
文字装饰：无；
文本阴影：1px 1px 0px#cc9f52；
}.classname:悬停{
背景：-webkit渐变（线性、左上、左下、颜色停止（0.05，#fb9e25）、颜色停止（1，#ffc477））；
背景：-莫兹线性梯度（中心顶部，#fb9e25 5%，#ffc477 100%）；
过滤器：progid:DXImageTransform.Microsoft.gradient（startColorstr='#fb9e25'，endColorstr='#ffc477'）；
背景色：#fb9e25；
}.classname:活动{
位置：相对位置；
顶部：1px；
}
/*此无图像css按钮由CSSButtonGenerator.com生成*/

上面的代码没有问题，看看这个JS小提琴：样式表中一定有其他东西，可能是同名的类或类似的东西？还是应用于所有按钮

<input type="submit" name="button" id="button" value="Submit" class="classname">

您认为哪些CSS可能存在冲突？设置line height=按钮的高度我会使用开发人员工具或fire bug来修复此问题。我真的不知道，这是一个来自模板的大型CSS文件。设置

行高

没有任何作用，如果我用

设置它！重要信息

它只是在按钮周围移动，而不是文本YUP。Firefox中的Control+Shift+I是我发现大多数css问题的方式。