css - 底部的 IE6 额外填充

Question

我有一个通过 CSS 设置样式的 div 标签。我将内边距设置为 10px (padding:10px)，它在 Firefox 和 IE7 中的效果与我想要的一样，但在 IE6 中它在底部添加了额外的内边距(我认为大约 2-3px)。有人知道这里发生了什么吗？

[更新]

我刚刚注意到这一点，我所说的 div 标签有一个背景图像。当我删除背景图像时，底部的额外填充消失了。有什么想法吗？

[另一个更新，代码示例]

这是应用于我的 div 标签的 CSS:

.user-info{
    margin-top: 20px;
    margin-right: 20px;
    padding: 10px;
    background-image: url("../img/user_panel_bg.png");
    float:right;
    border: 1px #AAAAAA solid;
    font-size:12px;
}

Answer 1

你的div里有图片吗？如果有图像，则 IE 6 中存在一个错误，它会导致 div 中的空白区域在底部创建额外的填充

额外的填充显示为

<div>
<img src="myimage.jpg">
</div>

当您将 HTML 更改为

时，不会显示额外的填充

<div><img src="myimage.jpg"></div>