浮动：ie6和7中的左边距和左边距问题

Question

请查看我的IE问题图片：

当我将第一个<div>向左浮动并将第二个<div>设置为margin-left: 220px时，它与FF和IE8的效果非常好。然而在IE6和7中它根本不起作用。我的第二个<div>折叠并位于第一个<div>的最右下方。这是HTML标记：

<ol id="listingList">
    <li>
        <div class="media">
            .......
        </div>
        <div class="listingInfo">
            .......
        </div>
    </li>
</ol>

CSS代码：

#listingList div.media {
    width: 200px;
    float: left;
    padding-right: 10px;
}

#listingList div.listingInfo {
    margin-left: 220px;
    width: 540px;
    color: #6A6A6C;
}

Answer 1

listingList div.listingInfo {
float:left;
margin-left: 20px;
width:540px;
color:#6A6A6C;
}

Answer 2

你可以通过一个小修改来解决这个问题：

#listingList div.media {
    background-color: blue;
    width:200px;
    float:left;
    padding-right:10px;
    position: absolute;
}

#listingList div.listingInfo {
    background-color: aqua;
    margin-left: 220px;
    width:540px;
    color:#6A6A6C;
    position: absolute;
}

虽然您还需要纠正错字：

<did class="listingInfo">

应该是

<div class="listingInfo">