html - Div 在 Chrome 和 Opera 中不可见

Question

我有这个 html 代码:

<div id="social">
                <div class="barra_gris"></div>
                <div class="caixa_social"><a class="twitter" href="#" target="_blank"><img src="img/twitter.png" alt="twitter" /></a>
                <a class="facebook" href="http://www.facebook.com/pages/grup-abs/329596937580" target="_blank"><img src="img/facebook.png"  /></a>                      
                </div>
                <div class="idiomes"><a href="index.php?s=<? echo $s; ?>&p=<? echo $p; ?>&i=0">català</a> | <a href="index.php?s=<? echo $s; ?>&p=<? echo $p; ?>&i=1">castellano</a></div>
            </div>
            <div id="logo"><a href="index.php?s=1&i=<? echo $i; ?>"><img src="img/logo.png" alt="logo" /></a></div>
        </div>

barra_gris 有这个 css:

.barra_gris{
    position:relative;
    width:905px;
    height:15px;
    background-color:#6b6b6b;
    display: block;
}

问题是 Chrome 和 Opera 不显示具有此背景的 barra gris 类？

网站的网址是:http://abs.marcmorales.es/

可能是什么问题？

Answer 1

在div之间添加 ，效果如下

<div class="barra_gris">&nbsp;</div>