Html 为什么不是'；我的标题不会显示在某些浏览器上吗？

在Safari上，下面的代码非常适合显示我的横幅，但由于某些原因，在所有其他浏览器上，横幅都不会显示。我在浏览器上使用了inspect元素功能，它似乎都在那里，但它好像从未在那里出现过。 下面是标题的HTML和相应的CSS。我做错什么了吗

HTML

CSS

#int站点容器{
保证金：0；
}
#内部站点{
背景：url（/images/-introbanner.png）居中顶部不重复；
身高：继承；
}

在反复摆弄之后，我找到了横幅不出现的原因。因为我使用的是一个没有定义高度的containing

div

，所以大多数浏览器不会为它创建空间，所以它只是保持一个0高度的div。为了解决这个问题，我将包含的div更改为横幅图像的高度

#int-site-container{
margin: 0;
height:166px; /*this was the line I needed*/
}
#int-site{
    background: url(/images/<mysite>-introbanner.png) center top no-repeat;
    height:inherit;

}

#int站点容器{
保证金：0；
高度：166px；/*这是我需要的线*/
}
#内部站点{
背景：url（/images/-introbanner.png）居中顶部不重复；
身高：继承；
}

如果只使用静态图像而不是背景，则无需设置高度。

#int-site-container{
margin: 0;
}
#int-site{
    background: url(/images/<mysite>-introbanner.png) center top no-repeat;
    height:inherit;

}

#int-site-container{
margin: 0;
height:166px; /*this was the line I needed*/
}
#int-site{
    background: url(/images/<mysite>-introbanner.png) center top no-repeat;
    height:inherit;

}