mummeg

thank you.

ok so another way around this is putting the background image in the sidebars. I have put:

#sidebar_left{
float:left;
width:180px;
margin:0 0 0 -180px;
position:relative;
background:url(https://site.co.uk/images/leftbackground.gif) repeat-y left top;

}

And the same for the #sidebar_right. This is showing the image fine, BUT it stops after the widgets in both borders. I need them to continue the height of the sidebars, not just the height of the widgets.

right, that doesn’t work, it just takes out the whole border. Any other ideas?

ok thanks i will try that but i need it to show in both FF and IE.

yes, thanks but it’s not specific enough I don’t think.

thank you. I tried that but it won’t work. I need to put it in place of solid #fff.

I can show you a screen grab. How do you upload an image here??

The pink dots to the right and left of the side borders need to extend the height of the page and not stop after the widgets.

thanks, but I can’t really because it’s not my site, it’s my client’s site and they are protective.

Basically, i need the background of each sidebar to expand the height of the page (dependend on how much content there is) instead of only expanding the height of the widgets.

I’ve also set the sidebars to this:

#sidebar_left{
float:left;
width:180px;
margin:0 0 0 -180px;
position:relative;
background:url(https://site.co.uk/images/leftbackground.gif) repeat-y left top;

}

#sidebar_right{
float:right;
width:180px;
margin:0 -180px 0 0;
position:relative;
background:url(https://site.co.uk/images/rightbackground.gif) repeat-y left top;

But the images stop after the widgets. I need the images to continue the length of the page.