无法在Firefox或Chrome中显示div,但它显示在IE中

Question

我一直在网站上工作,我似乎无法在Google Chrome或Firefox中正确显示该页面的元素.它显示一秒钟(取决于连接速度),然后消失.我似乎无法弄清楚问题.在Safari和IE中它完美运行(如预期的那样).它也适用于在chrome和Firefox上本地运行(即不是服务器或本地服务器),尽管它只是一个简单的HTML页面,没有任何脚本.

这是我创造的小提琴:

的jsfiddle

代码(HTML):

<div id="adbox">
        <div class="wrapper clearfix">
            <div class="info">
                &nbsp;
            </div>
        </div>
        <div class="highlight">
            <h2>This is a test <i>123</i></h2>
        </div>
</div>

CSS:

#adbox {
    background: #020a13 url(http://reallygoodpie.com/PArcadeMachines/images/bg-adbox.jpg) no-repeat center top;
    font-family: Georgia, "Times New Roman", Times, serif;
    background-size: 90%;
    min-height: 433px;
    margin: -56px 0 22px;
/** Needed for IE7 **/
*margin: 0;
*position: relative;
*top: -56px;
}
#adbox .wrapper {
    width: 940px;
    padding: 54px 10px 26px;
}
#adbox .info {
    height: 354px;
    width: 450px;
    overflow: hidden;
    padding: 20px;
    border-radius: 5px;
}
#adbox h1 {
    color: #ffffff;
    font-size: 48px;
    font-style: italic;
    line-height: 50px;
    margin-bottom: 30px;
}
#adbox p {
    color: #176eb0;
    font-size: 14px;
    line-height: 24px;
}
#adbox p a {
    color: #176eb0;
}
#adbox div.highlight {
    background: #171a1a url("http://reallygoodpie.com/PArcadeMachines/images/adbox-bg-heading.jpg) repeat-x left top;
    min-height: 82px;
    border-color: #000;
    color: white;
    border-style: solid none;
    border-width: 1px;
}
#adbox div.highlight h2 {
    color: #484b4b;
    color: white;
    font-size: 34px;
    line-height: 82px;
    width: 940px;
    margin: 0 auto;
    padding: 0 10px;
    text-shadow: -3px 0 3px #121413;
}
#adbox div.highlight h2 i {
    font-weight: normal;
}

任何帮助将不胜感激.

Answer 1

我认为您在Chrome和Firefox中安装了AdBlock扩展程序.

打电话给#adbox别的.