FF和铬的主要容器背景中断。为什么？

Question

我正在开发一个网站（HTML / CSS新手）。我有一个主容器div，它包含其他布局（div，table等）元素。我在主容器div中添加了一个背景img（attach：background-container.png）以产生阴影效果（类似于这个附加的网站截图：drop_shadow_example_site.png）。令人惊讶的是，该技术适用于IE6,7,8但不适用于Firefox和Chrome。我附加了两个截图：1。firefox和chrome中的screenshot（附件：comp在FF＆amp; chrom.png中不起作用）和2. IE6,7,8中的截图等（在IE6,7,8.png中有效） ）。

我还附上了一个压缩的代码文件（html，css，img等）。

链接到SiteCode.zip http://dl.dropbox.com/u/27899629/SiteCode.zip

感谢您的帮助。 问候， APPU。

Answer 1

将以下行添加到您的css：

.container {
    clear: both;
    overflow: hidden;
}