Почему не корректно задаётся background?

Question

[Иван Тарасов]

Задаю backgound всему что находится между header и footer, обернув содержимое div, и присвоив класс main-bg. Но в результате фон задаётся только первому блоку после верхнего меню.
Случайно получилось задать фон и тому что в столбцах, когда присвоил нужный background для footer.
Вопрос – почему при задании фона footer фон появляется не в footer а в колонкам которые выше него.
Вопрос2 – почему при задании фона основному содержимому, он появляется только в верхнем блоке (под меню).
https://jsfiddle.net/j7o7ppdq/2/
p.s. Подозреваю что может быть что-то связано с clearfix.

Answer 1

[Vadim Bogomazov]

Класс clearfix для .main-bg присвойте и все станет нормально. Элементы с float создают новый контекст наложения и выпадают из потока элементов.