不同浏览器上的Css行为

Question

我正在尝试在我的项目的CSS中修复一些东西，但IE8上该按钮的行为是不同的。所以这是代码：

.virtualS{
    background: -moz-linear-gradient(top, #FF734C, #FF0000);
    background: -webkit-linear-gradient(top, #FF734C, #FF0000);
    background: -o-linear-gradient(top, #ff704a 0%,#ff0201 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#FF734C, endColorstr=#FF0000);
    border:1px solid #eaeaea;
    height:14px;
}

问题在于height:14px，因为在Firefox，Chrome，Opera I上应该有16px，在IE 14px上。那么我该怎么做才能解决这个问题呢？我不想仅为此使用带有条件注释的不同.css文件，因此我可以做些什么才能在IE和Firefox上为该按钮提供正确相同的高度。

Answer 1

我认为如果你想要14px，你可能需要设置line-height: 14px

Answer 2

虽然它不符合W3C，你可以在你的css中使用'hacks'来定位特定的浏览器，但是合规的方式是使用<!-- [if IE x]> <link ... /> <![endif] -->这些'特殊注释'被IE识别出来加载适当的样式表

Answer 3

检查IE是否以怪异模式渲染，如果是，则大小调整不正确。但可以通过更正HTML来修复它。