Установите высоту фона на 100% и оставьте нижний колонтитул внизу страницы. ⇐ CSS

[Anonymous]

Я знаю, что этот вопрос задавался много раз, но ни один из ответов не решил мою ситуацию.
Вот демо http://jsfiddle.net/eyuxt3zz/18/, для которого мне нужно, чтобы фоновое изображение div #marketing_logo расширялось до 100 % и касалось нижнего колонтитула div.
Если я установлю #content div на 100 % с помощью dispaly:absolute, то нижний колонтитул не будет сохранять свою нижнюю позицию.
Я пробовал какое-то решение, но не могу понять, как сохранить нижний колонтитул внизу страницы, когда для другого элемента div также установлено значение абсолютного.
Высота фона теперь установлена на 300 пикселей, чтобы элемент содержимого не казался пустым.
Итак, вопрос в том, как сделать #marketing_logo фон div размером 100% и сохранить нижний колонтитул. div внизу. Для элемента div нижнего колонтитула установлено абсолютное положение, поэтому он всегда остается внизу страницы.
Спасибо!
демо http://jsfiddle.net/eyuxt3zz/18/
html-код







Footer



CSS-код
html, body {
height:100%;
margin: 0;
}
.pageContainer {
min-height: 100%;
}
#marketing_logo {
background: url('http://www.canvaz.com/portrait/charcoal-1.jpg') no-repeat;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
height:300px
}
#footer {
width: 100%;
height: 100px;
position: absolute;
left: 0;
bottom: 0;
background: #BBBBBB;
text-align: left;
padding-top: 10px;
}


Подробнее здесь: https://stackoverflow.com/questions/321 ... om-of-page