Here is my site
http://www.rotate-ireland.com/website.html

The selected area ibelow is 1 full image, can some tell me how i can just use that image as a background in same area and not an image.

I tried but Im unable to do it. Ive tried the last few days, any help is much appreciated!

http://www.rotate-ireland.com/images/temp3.gif

First, don't use tables for layout.
That could easily be done as the background on a div, but I wouldn't use it as a single background graphic.

I agree with ladynred. It does not seem practical to use the entire image as a bg.

But if you must:

The xhtml:

<div id="my-div"></div>

The css:

div#my-div{
background:url(path/to/image.gif) no-repeat #000;
width: width of image here.
height: heigh of image here

position:relative; /* assuming you are planning on absolutely positioning elements inside of this div */
}

Thats the only way I know how...

What way would you advise?