Проблема с растягиванием div по вертикали

[Winternight]

Добрый день всем!

Пытаюсь сделать для своей фирмы сайт на bootstrap 3, но столкнулся с проблемой, которая уже обсуждалась на данном форуме, но решение мне не помогло.

Дело вот в чем. Макет состоит из 2 колонок: в левой навигация, в правой - контент, причем все это на фреймворке Bootstrap 3. 

Задача - сделать левую колонку резиновой по вертикали ,чтобы красный фон в нижнем div заполнял страницу до нижнего края браузера. Сейчас же при сжатии окна браузера по вертикали и при прокрутке в этом виде вниз, div улетает вверх и не растягивается. 

Видел решение с margin-bottom и padding-bottom, но либо я не туда задаю эти стили, либо в bootstrap надо другое решение.

Вот код: http://jsfiddle.net/stspkmm5/

 

Просьба JavaScript и Php решения не указывайте. Я не знаю их. Только CSS и HTML

 

[Great Rash]

Вообще ничего непонятно, что у вас улетает, куда улетает, как должно быть и как сейчас. Скопипастив код вы нифига не прояснили ситуацию.

[Winternight]

Вообще ничего непонятно, что у вас улетает, куда улетает, как должно быть и как сейчас. Скопипастив код вы нифига не прояснили ситуацию.

Сайт состоит из 2-х колонок - узкой левой с меню (она 2-хцветная-сверху зеленый блок, снизу-красный) и широкой правой с контеном страницы. В коде узкая колонка это col-md-3, широкая col-md-9. Проблема в том, что красная часть колонки col-md-3 должна растягиваться до низа браузера вне зависимости от изменения размера окна браузера по вертикали. Сейчас при сжатии окна браузера по вертикали красный блок залазит под зеленый и не растягивается вообще, вместо него пустое место, тк он частично находится за зеленым блоком. 

[Sergik+]

Вангую, может clearfix ?