Internet Explorer忽略了CSS中设置的非常小的高度

Question

我有CSS看起来像这样......

.ColorSeparatorArea
{
    background-color: #3d3d77;
    height: 1px;
}

...然后我将该样式应用于DIV元素:

<div class="ColorSeparatorArea"></div>

它在非IE浏览器中工作正常,但在IE中,它将div的高度设置为一行文本的高度,它不会让我更小.有谁知道如何解决这个问题？

Answer 1

.ColorSeparatorArea
{
    background-color: #3d3d77;
    height: 1px;
    overflow: hidden;
}