IE 9 CSS问题:高度CSS属性问题

Question

我有一个应用于div的以下类。

.pageGradientTop_T1 {
    background-color: #E8E8E8;
    border-bottom: 1px solid #F7F7F7;
    border-top: 1px solid #D1D1D1;
    height: 2px;
    margin-bottom: 10px;
}

如果将上面的类应用于一个div，它将看起来像3行，每行1像素（一个顶部边界，一个底部边界，中间用背景颜色填充），而整体看起来像一个渐变。

对于除IE之外的所有浏览器，高度属性都可以正常工作。

我不知道为什么高度属性不适用于IE。我甚至尝试过给出"最小高度：2px；"，但也没有成功。它自动将18px作为最小高度，并且不会降低到这个高度以下。但如果你试图将高度增加到18px以上，它会起作用。

有人能帮我吗。

提前感谢

谨致问候，Sashwat

Answer 1

用于即的font-size

    .pageGradientTop_T1{
    font-size:0;  // for ie
line-height:0;  // for ie
    }

Answer 2

将线条高度添加到类中，并将其设置为0px:

.pageGradientTop_T1 { 
    line-height: 0px;
    background-color: #E8E8E8; 
    border-bottom: 1px solid #F7F7F7; 
    border-top: 1px solid #D1D1D1; 
    height: 2px; 
    margin-bottom: 10px; 
}