html - 部分 header 仅在 IE9 中被截断

Question

IE9 中似乎存在某种类型的错误

.WarningTableHeaderRow
{
    /*height: 18px;
    color: choose('Color', @blue, @green);*/    
    background-color: #FFD739;
    display: block;
    font-size: 14px;
    border-top: 15px;
    vertical-align: middle;
    height: 25px;
    line-height: 25px;
    padding-left: 33px;
    /*margin-top: 15px;*/
    /*padding-bottom: 0.5em;
    padding-top: 0.5em;
    padding-left: 2em;
    padding-right: 1em;
    margin-top: 1em;
    margin-bottom: 0.83em;*/
    font-weight: bold;
    color: black;
}

此代码在所有其他浏览器中呈现得非常好。它甚至可以在 Internet Explorer 10 及更高版本中完美呈现。我不确定为什么会这样。我尝试更改关于此 CSS 的几乎所有内容。最初使用 margin-top: 15px。我试过无聊或改变填充。什么都不管用。而且这个错误只发生在 IE9 中。有什么建议吗？

Answer 1

问题是这个 CSS 代码在 <tr> 下IE9 出于某种原因忽略的标记。只需将这些属性移动到 <table>效果很好