Как растянуть контейнер по высоте для фонового изображения

[volshebnyi]

Здравствуйте!

 

Буду благодарен за помощь:

 

http://jsfiddle.net/zp41stpk/

 

Необходимо вместо белого цвета (контейнер main) вставить адаптивную картинку - фон. То есть, насколько я понимаю, нужно растянуть main по всей высоте body.

 

Вариант с фоном для body не подходит, так как нужно, что бы изображение растягивалось ТОЛЬКО в контейнере main.

 

Заранее благодарю.

[satantx]

http://jsfiddle.net/zp41stpk/1/

[volshebnyi]

http://jsfiddle.net/zp41stpk/1/

 

Спасибо Вам огромное! 

[Kelenar]

В предложенном Вами варианте есть баг: содержимое блока main при наполнении контентом залазит под футер + обтекание надо отменять после его использования.

Так будет надежнее http://jsfiddle.net/zp41stpk/8/

Edited April 18, 2015 by Kelenar

[volshebnyi]

В предложенном Вами варианте есть баг: содержимое блока main при наполнении контентом залазит под футер + обтекание надо отменять после его использования.

Так будет надежнее http://jsfiddle.net/zp41stpk/8/

 

Спасибо!