Question

I have a following class applied to a div.

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

If the above class is applied to a div it will look like 3 lines of 1 px each (one top border, one bottom border and the middle is filled with the backgroud color) and the over all thing will look like a gradient.

For all browser except IE the height attribute is working fine.

I am not sure why the height attribute is not working for IE. I have even tried giving “ min-height: 2px; “ but that also didn’t work. It is automatically taking 18px as the minimum height and is not decreasing below that. But if you try to increase the height above 18px, it will work.

Can someone help me with this.

Thanks in advance

Regards,
Sashwat

Answer 1

used to font-size for ie

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