inner container not repeating-y for stick footer

I wanted a sticky footer to I followed this guide: http://www.cssstickyfooter.com/using-sticky-footer-code.html

I have in out wrap(container) and an inner wrap(container2) used for background images.

I was able to get the footer to stick t开发者_C百科o the bottom but the background image in container2 is not repeating vertically all the way down.

Need some assistance please.

to repeat the background, ensure you have the css..

background:url('path/to/image.png') repeat-y 0 0;

Edit: ugly hack (working) -

$('#container2').css('min-height',document.height - 30);

Edit: additional solution -

apply the background image to the body