Основной фон контейнера разрывается в FF и Chrome.Зачем?

Question

Я работаю над сайтом (новичок в HTML / CSS).У меня есть основной контейнер div, который содержит другие элементы макета (div, таблицы и т. Д.).Я добавил фон img (attach: background-container.png) в основной контейнер div, чтобы создать эффект тени (аналогично прикрепленному снимку экрана сайта: drop_shadow_example_site.png).Удивительно, но эта техника работает для IE6,7,8, но не для Firefox и Chrome.Я прилагаю два скриншота: 1. скриншот в Firefox и Chrome (attach: comp не работает в FF & chrom.png) и 2. скриншот в IE6,7,8 и т. Д. (Comp работает в IE6,7,8.png).

Я также прикрепил файлы с zip-кодом (html, css, img и т. Д.).

Ссылка наSiteCode.zip http://dl.dropbox.com/u/27899629/SiteCode.zip

Спасибо за вашу помощь.С уважением, appu.

Answer 1

Добавьте строки ниже к вашему CSS:

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