如何在IE6中使<div>小于13px高？</div>

Question

你如何在IE6中使DIV很短？无论我使用0.3em还是3px，IE6强制最小13px。

IE6

Firefox 3.6.13 （在所有其他现代浏览器中看起来非常相似）

HTML

<div id="fileProgressBar" style="display:none">
    <div id="fileProgressFill"></div>
</div>

CSS

#fileProgressBar {
    height: 0.3em;
    background: #444;
    background: -moz-linear-gradient(
        top,
        #333,
        #666
    );
    background: -webkit-gradient(
        linear,
        left top,
        left bottom,
        color-stop(0, #333),
        color-stop(1, #666)
    );
    border-top: 1px solid #000;
}

    #fileProgressFill {
        height: 100%;
        width: 0;
        background: #0088cc;
        background: -moz-linear-gradient(
            top,
            #0099e5,
            #006699
        );
        background: -webkit-gradient(
            linear,
            left top,
            left bottom,
            color-stop(0, #0099e5),
            color-stop(1, #006699)
        );
    }

的Javascript

Javascript在适当的时间显示文件进度条，并在播放电影时更新文件进度填充。但是这个bug不是JS问题，所以我不会发布JS代码。

Answer 1

原来我有点过于复杂了：

只是做：

#fileProgressBar {
    height: 3px;
    font-size: 0;
    ..
}

---

要在IE6中将其修复为#fileProgressBar，请添加font-size: 3px。但是，这使得在普通浏览器中看起来不对劲。所以，最简单的方法是修复它是在conditional comment中应用该样式，还是使用CSS hack（幸运的是确认）这样添加它，所以只有IE6才能看到它：< /击>

<击>

* html #fileProgressBar {
    font-size: 3px
}

我要看看是否有更简洁的方法来解决这个问题。