底部有IE6额外填充

Question

我有一个通过CSS设计的div标签.我将填充设置为10px(填充: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>