浮动在IE6中不起作用

Question

我在Internet Explorer 6中遇到浮动问题。

问题是ie6没有浮动，不把列放在其他列旁边

这是HTML代码：

<div id="contingut">
    <div id="col_esq">
        <div class="menu">
            ... 
        </div>
        <div class="25anys"> <img src="img/25_anys.png"  /></div>
    </div>
    <div id="col_dreta"> ....</div>
</div>

和CSS代码：

#col_esq{
    display: inline;
    width:230px;
    float:left;

}

#col_dreta{
    float:left;
    width:675px;
    height:100%;
    display: inline;
}

访问该网站的网址是：http://abs.marcmorales.es/index.php?s=5&i=1

Answer 1

尝试使用宽度（降低它），因为如果父母有任何边缘IE错误并给孩子们也有相同的余量。有时position relative修复了IE中的问题。

他们为什么display inline而不是display block呢？