Repeating image on top of background

[funken 0]

Hi all, What I'm looking to do is take a 6px X 6px background image and repeat it on top of the background image I have set in the Design Control. Right now in the design control I have a gradient image set as the back. I'm trying to repeat the 6px square image on top of that. Here is the site: http://thefunken.com/_stacyrolfe/ This is what I'm trying to get the background look like: http://thefunken.com/_stacyrolfe/wp-content/themes/platformbase/images/background.jpg - That 6px square image will create the diagonal lines you see. I've tried messing around with various hook - used pagelines_before_site to get it to appear, but can't get it to repeat and go behind all the content...it just pushes everything down. Any advice? Thank you!

[funken 0]

Update: I added in a div with an id in the header.php file. As you can see here: http://thefunken.com/_stacyrolfe/ I got the diagonal lines to show up and repeat but it stop half way down the page. I have the height set to 100%, but I assume it's conflicting with something. Any thoughts? Thanks!

[Kate 3]

Hey Ken, What I would do: Take the end div out of the header, and put it after the closing div tag of the "site" div. Also, take out the "position:absolute" from the CSS.

[funken 0]

Thank you Kate. That gets the image to repeat - I'm now having a small gap at the top and bottom of the page though. Any pearls of wisdom? Thanks!

[funken 0]

Figured it out! Added a overflow:hidden to #site. Thanks again.