css - HTML5:Firefox与Safari…需要一些CSS的帮助

这是我的第一个HTML5网站，但我从来没有想到Firefox和Safari会如此战斗！我生气的通常是IE。页眉和页脚在两个浏览器中似乎都可以正常工作。但是在Safari中，内容区域一直向右移动。

如果我添加了webkit css（也是第一次必须使用它），那么Safari可以正常工作，但是Firefox却混乱了。我对HTML5的理解是，它将使事情更加简化。如果明天早晨我无法弄清楚这个问题，我几乎准备回到HTML4。有什么想法吗？？

这是我的CSS：

#content {
    display: table;
}

#mainContentInt {
    display: table-cell;
    width: 331px;
    padding-right: 10px;
    vertical-align:top;
}

asideInt {
    display: table-cell;
    width: 550px;
    margin-left:323px;
    padding-top:60px;
    margin-top:-200px;
}

这是我的HTML：

<div id="content">

    <div id="mainContentInt">

        <section>
            <p>test leftCol</p>
        </section>

    </div><!-- end mainContentInt-->

    <asideInt>
        <p>test rightCol1</p>

        <p>test rightCol2</p>

    </asideInt>

</div><!-- end content-->

最佳答案

我认为<asideInt>不是HTML5中的元素。您是说<aside>吗？