html - Div在Chrome和Opera中不可见

我有这个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/

可能是什么问题？

最佳答案

在div之间添加 ，它将像下面一样工作

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