How do I stretch my header image?

I want to stretch my header image to the width of the rest of the page, dont want the white space to the right or left of it, how would I go about doing that?

seen here:

Radar Detectors & Radar Detector Reviews


here is my old site that I had the designer do this on

RadarDetectorReview.Net

Cant remember how it was done

You need to make a repeating element. As you can see on your old site, your designer uses this image: http://radardetectorreview.net/forum.../head_back.jpg to repeat-x across the x-axis the full width, and then has 2 seperate images on the left and the right which make it look complete no matter the width.

your current image doesn't really have a 'break' point in it to split into 3 sections and to repeat a center block, so you may need to get creative.

the general idea is to set the repeating element as the background, and then have your 2 sections overlay.

ie,

Code:

<div id="logo">
<img id="logoleft" src="left image" /><img id="logoright" src="right image" />
</div>

#logo { background: url(/path/to/repeat.gif) repeat-x; }
#logoleft { float: left; }
#logoright { float: right; }