Adding images to additional side bars

[Jeniferous]

Evening All! I've added two "extra" side bars and named then navColumnThree and Four (copying the existing 1 and 2 code in a custom stylesheet. What i want to do is set a background image for these two blank side bars.

Www.jambaroo.co.uk

I then want the header to sit between the two new sidebars (so they go all the way from the top to the bottom of the screen.)

This is an example - i want something like the two green cloud sidebars:- http://www.fabulouskids.co.uk/

I've tried adding {background-image:'logo.gif'} to the #navcolumnthree and #navcolumnthreewrapper as well as .rightcontent (although that would background image both the right hand bars??) but I can't get an image to appear at all? I've also tried adding the full URL for the image.

Any ideas?

Thanks!

[kobra]

I've tried adding {background-image:'logo.gif'}

Wrong form- - should be like

background-image: url(../images/header_bg.jpg);

[gjh42]

You're working way too hard for this - all you need is to put the image as a background for the body {} rule. Let it repeat and it will cover all space outside the #mainWrapper area.
There could be a few ways of detailing it depending on exactly how you want the side images to work.

[Jeniferous]

I tried adding the background image to the whole body tag in the CSS but that didn't work either. It seems to flash behind the body when I load it though. I remove the side bar background colours but still don't see it?

Thanks

[kobra]

I remove the side bar background colours but still don't see it?

Make the color "transparent"

[Jeniferous]

Added background-color:transparent to the body and to the individual #NavColumns. Still doesn't work.

I'll have a better look at it tonight and i'll copy the code I have but if anyone else has any more ideas in the mean time?!