Trouble with header and footer, using default WordPress default 1.6

You should try this:

#footer {
background:transparent url(images/thuxfooter.gif) no-repeat scroll center bottom;
border:medium none;
}

And the background image into the <div class=”page”> is the problem. Because the page wraps also the header and footer, so these has the thuxbgwide.gif as background, that’s what you see over the header (and footer) border image.
Try this:
1. Quit the background property from “page” class.
2. Create a new div wraping from the end of header to the begining of the footer div.
3. Assign a class to that div (“main-content” for example)
4. Create that class into de css file:
.main-content{
background-attachment:scroll;
background-color:transparent;
background-image:url(https://www.ilove.thuxtable.com/wp-content/themes/default/images/thuxbgwide.gif);
background-position:center top;
background-repeat:repeat-y;
width:760px;
}

That should work. I tried it with Firebug and it works. You’ll have to assign padding:0 and margin:0 to h2 elements after this.

Try it and tell me! =)
(sorry about my english!)

Nerdanita, thanks so much for responding – sorry it’s taken me a while to reply. I have never really gotten my head around div tags – my dev skills are so basic! I ended up trying a different theme which made it much easier to get the look I wanted (dfblog) – thanks anyway for your help.

Cheers

Ponch