Centering a header image and removing the white border below it

[marrzo]

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.

[kobra]

Where is your site??

[marrzo]

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.

[kobra]

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 ;
        }

[marrzo]

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

[kobra]

Get rid of the warning first