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