Загадочный промежуток в нижнем колонтитуле

Question

Изменение нижнего колонтитула на сайте и с трудом пытающегося устранить неполадку, почему я получаю пробел в нижнем колонтитуле сайта. Глядя на .footer_container с белым фоном. У меня есть класс .aux с дополнительной информацией об авторских правах и контактах, которая хранится в контейнере нижнего колонтитула, но не несет белый цвет фона из контейнера нижнего колонтитула ?? Я что-то упускаю? Возможно, что-то смотрело прямо на меня, что я просто упустил из виду? Любая помощь будет оценена по достоинству.

Сайт находится [здесь] [1]

CSS

#footer_container { 
    position: relative; 
    clear: both; 
    bottom: 0; 
    width: 100%; 
    height: 216px; 
    padding: 10px 0; 
    background: #fff; 
} 

.container_16 { 
    margin-left: auto; 
    margin-right: auto; 
    width: 960px; 
} 

.container_16 .grid_4 { 
    width: 220px; 
} 

#footer_container footer nav li { 
    margin: 0 5px 
} 

#footer_container footer nav li a { 
    display: block; 
    margin: 0 -5px; 
    padding: 2px 5px; 
    color: #222222 
} 

#footer_container footer a:hover { 
    background-color: #fbfed9; 
    color: #222222 
} 

#footer_container footer #footer_nav_container { 
    overflow: hidden; 
    background-image: ; 
} 

#footer_container footer #footer_teaser { 
    position: relative; 
    height: 141px; 
    background:#f7f7f7; 
    text-indent: 100%; 
    white-space: nowrap; 
    overflow: hidden; 
} 

#footer_container footer nav li { 
    margin: 0 5px; 
} 

#footer_container footer .aux { 
    clear: both; 
    padding: 7px 5px; 
    margin: 10px 10px 24px; 
    border-top: 1px dotted #9d9d9d; 
    color: #222222; 
    font-family: "Apercu Regular", Arial, Helvetica, sans-serif; 
    font-weight: normal; 
    font-size: 9px; 
    line-height: 12px; 
    letter-spacing: 1px; 
    text-transform: uppercase; 
} 

#footer_container footer .aux a { 
    margin: 0 -3px; 
    padding: 1px 3px; 
} 

#footer_container footer .aux div { 
    float: left; 
    white-space: nowrap; 
} 

#footer_container footer .aux .contact { 
    float: right 
} 

#footer_container footer .aux .contact div { 
    margin-left: 16px 
} 

#footer_container footer .aux .contact .cta { 
    font-family: "Apercu Bold", Arial, Helvetica, sans-serif; 
    font-weight: bold 
} 

Answer 1

Два изменения.

Сначала отключить padding-bottom: 40px от .page класс.

.page { 
    display: block; 
    /* padding-bottom: 40px; */ 
    border-bottom: 1px solid; 
    margin-bottom: 10px; } 

и отключить принудительный height: 216px из `#footer_container» дел.

#footer_container { 
    position: relative; 
    clear: both; 
    bottom: 0; 
    width: 100%; 
    /* height: 316px; */ 
    padding: 10px 0; 
    background: #fff; 
} 

Answer 2

<footer> не имеет фона на нем. У #footer_nav_container есть белый фон на нем, но .aux div - это ребенок <footer>, сидящий ниже #footer_nav_container, так что он также не имеет к нему фона. Я считаю, что применение белого фона для колонтитула с простой

footer{ 
background-color:#FFF 
} 

будет преодолеть разрыв необходимо