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 (http://www.hesterdesigns.com/Web2/yellow.html)) - Pattern as a part of a div set at height: 100%; with outer divs also set at height: 100%;

http://www.hesterdesigns.com/Web2/screenshots/yellow.png

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 (http://www.hesterdesigns.com/Web2/index.html)) - The Pattern is part of the body background which tiles on y.

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

http://www.hesterdesigns.com/Web2/screenshots/Safari.png

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.