Centering a header image and removing the white border below it

Basically, I have set up a custom banner image on my site and it is only aligning to the left. The image is from the CSS file, but i can't align the image and there is also there is a white strip blow the image which I am unable to get to disappear.

Any help would be appreciated.

Where is your site??

The site is testing just now @

http://test.queensparkspiders.co.uk/zen

I amaware of the configure issue, but my(soon to be former) web host can't sort it out bizarrely.

You have a couple of choices
You can recreate your header image gradient to be wider - best option.
Make your mainWrapper the same width as your current image

to do what you asked find and edit the following to resemble this

#headerWrapper {
        height: 202px;
	margin: 0em;
	padding: 0em;
	}

And

#logoWrapper {	
	background-image:url(/banner.gif);
	background-repeat: no-repeat;
	height:200px;
	background-position: center ;
        }

Thanks, the issue seems to be sorted, but now the nav bar at the top(trhe one with home, log in on it) does not appear with a backgroud on it.

Any ideas with that one for me

Get rid of the warning first

Thanks, I'll get the warning off (although it should already be off, it has 644 permissions on it) when i switch away from my rather rubbish web host. I have tried to change the permissions using my cpanel and 2 FTP programs to no avail.

Any idea how to make it so that the banner sections to either side(the white bits) can be black to match the banner? I tried adding a background colour but it went over the image there.

Thanks

Any idea how to make it so that the banner sections to either side(the white bits) can be black to match the banner?
As I first posted - - edit the gradient image and make it wider