How Would You Make This Work?

[Freshpeel]

I am trying to make a pattern tile the full height of the page. See attempted solutions below and I think you will understand what I'm trying to do and the problems I've run into.

Failed Solution 1 (View live here) - Pattern as a part of a div set at height: 100%; with outer divs also set at height: 100%;



Problem is that the divs aren't growing to the height of the page, and so the pattern isn't tiling the whole height of the page.

Failed Solution 2 (View live here) - The Pattern is part of the body background which tiles on y.

It works great until you resize the window small like this:



Then the pattern breaks from the top.

Any suggestions?

[Freshpeel]

Any ideas?

I'm about to dive back into this project and move some code around.