css - 即向后显示东西？怎么修

Question

由于某种原因我有一个 ie 问题，我的选项卡式菜单在 ie 中显示的方式与应有的相反 它应该在容器的右上角和左侧有标签，但只有在即标 checkout 现在右侧时，我似乎无法弄清楚

这是我的 html 列表，一些脚本和应用于它们的 css

<ul>
    <li class="dealer tabbed"><a>Manufacturer Dealer</a></li>
    <li class="lender tabbed"><a>Lender<br />&nbsp</a></li>
    <li class="developer tabbed"><a>Developer<br />&nbsp</a></li>
 </ul>

<ul class="side">
    <li class="overview tab"><a>Overview</a></li>
    <li class="tour tab"><a>Take the tour</a></li>
    <li class="websites tab"><a>Example websites</a></li>
    <li class="faq tab"><a>FAQ</a></li>
    <li class="support tab"><a>Support</a></li>
</ul>

  <div id="mainContainer">
        <div class="div1 hide">
            overview
        </div>
        <div class="div2 hide">
            take the tour</div>
        <div class="div3 hide">
            example websites</div>
        <div class="div4 hide">
            faq</div>
        <div class="div5 hide">
            support</div>

对每个边栏重复

 $(".overview").click(function () {
    $(".hide").hide();
    $(".div1").show();
    $(".tab").addClass("inactive");
    $(".overview").removeClass("inactive");
    $(".overview").addClass("active");

对每个顶部标签重复

$(".dealer").click(function () {
    $(".hide").hide();
    $(".div1").show();
    $(".tabbed").addClass("inactive");
    $(".dealer").removeClass("inactive");
    $(".dealer").addClass("active");

CSS:

#container {
    position:relative;
}

#mainContainer {
    left:130px;
    position:absolute;
    top:73px;
}



.div1, .div2, .div3, .div4, .div5, .welcome {
    position:relative;
    bottom:100px;
    top:0px;
}

    .topnav ul li a {
    float:left;
}

Answer 1

好吧，我发现问题在于 ie 需要一个 left:0;添加到 css 这似乎解决了我的问题