CSS 元素在 Chrome 中不显示，但在 Firefox 中显示

Question

我对所有 CSS 业务都很陌生，所以如果我遗漏了一些明显的东西，请原谅我。我正在使用 960.gz 网格系统在 www.locodingo.com 上创建站点

我在 Chrome 的网站右侧菜单下方显示浅灰色框(我的 CSS 代码中的 adBox)时遇到问题，但它在 Firefox 和 Internet Explorer 中加载得很好。我搞砸了几乎每个变量，但就是无法显示。请帮忙!

* {
    font-family:Arial, Verdana, sans-serif;
    color:black;
}

#header {
    background-color:#d3d3d3;
    height:90px;
    border-radius:10px;
    position:absolute;
}

#header #logo {
    height:80px;
    padding:5px;

}

#nav li {
    color:#F58535;
    background-color:white;
    float:right;
    position:relative;
    top:-99px;
    right:0px;
    text-align:left;
    display:inline;
    padding:7px;
    font-weight:bold;
    margin-right:15px;
    border-radius:5px;
}

#nav2 li {
    color:#6ABD50;
    background-color:white;
    position:relative;
    display:inline-block;
    float:right;
    top:32px;
    padding:7px;
    font-weight:bold;
    margin-right:15px;
    border-radius:5px;
    right:10px;
}

#nav li:hover {
    background-color:#F58535;
    color:white;
}

#nav2 li:hover {
    background-color:#6ABD50;
    color:white;
}

#adsBox {
    height:250px;
    background-color:#F2F3F3;
    margin-top: 50px;
    clear:right;
    border-radius:10px;
    display:inline-block;
}

#adsBox p {
    margin:5px;
    text-align:justify;
}

#footer {
    position:relative;
    background-color:black;
    color:#F58535;
    font-weight:bold;
    font-family:sans-serif;
    font-size:12px;
    text-align:center;
    height:20px;
    clear:both;
}

bodyText{
    right:122px;
    position:relative;
    float:left;
    color:red;
    display:block;
}

Answer 1

    <div class="container_12 clearfix">
        <div id="header" class="grid_12">
            <img id="logo" src="images/logo.png"/>
            <div id="nav">
                <ul>
                    <li>Contact Us</li>
                    <li>Message Board</li>
                    <li>Opinion</li>
                    <li>Articles</li>
                </ul>
            </div>
        </div>
    </div>
    <div id="nav2">
        <ul>
            <span><li>Cosplay</li></span>
            <span><li>Tattoos</li></span>
            <span><li>Music/Art</li></span>
            <span><li>Recipes</li></span>
        </ul>
    </div>   
    <div class="container_12 clearfix">
       <div id="bodyText" class="grid_8"><p>Just safdsfdadfafdfdome random stuff here.ust safdsfdadfafdfdome random stufust safdsfdadfafdfdome random stufust safdsfdadfafdfdome random stufust safdsfdadfafdfdome random stufust safdsfdadfafdfdome random stufust safdsfdadfafdfdome random stuf adggdadgsagddgsdsgagsd</p></div>

        <div id="adsBox" class="grid_4"><p>Test text here est text hereTest text here est text hereTest text here est text hereTest text here est text hereTest text here est text hereTest text here est text hereTest text here est text hereTest text here est text here</p>
        </div>

    </div>